Диалоговое окно и теги (Tags)
Диалоговое окно

Диалоговое окно содержит в себе одну из наиважнейших вещей в визуальных новеллах - текст.

Теги для текста

Но стандартный текст однообразен, и дабы его как-либо выделить существует, такая прелестная вещь, как тег.

К примеру, дабы текст сделать курсивом, нужно взять предложение, либо слово, в тег {i}...{/i}
Код
label start:
    "{i}Hello, world!{/i}"











Смена внешнего вида диалогового окна

Диалоговому окну можно присвоить определённую картинку, или даже анимацию.
Для этого заходим в options.rpy, опускаемся на сотую строчку (стандартное расположение), раскомментируем строку, убрав ("#").

Далее указываем путь, или вписываем зарегистрированное название изображения, либо анимации.
Цифры 12, это расстояние от углов экрана, максимальное значение - 25х25 пикселей
.
В итоге:

Код
    style.window.background = Frame("hud/fr.png", 12, 12)


Чуть ниже находятся строки, определения расположения самого диалогового окна
Код
    style.window.left_margin = 6 #----Расстояние в пикселях от левого края
    style.window.right_margin = 6 #----Расстояние в пикселях от правого края
    style.window.top_margin = 6 #----Расстояние в пикселях от верхнего края
    style.window.bottom_margin = 6 #----Расстояние в пикселях от нижнего края


Ещё ниже 4 строки, отвечающие за расположение текста в диалогом окне
Код
    style.window.left_padding = 6 #----Расположение текста в пикселях, от левого края диалогового окна
    style.window.right_padding = 6 #----Расположение текста в пикселях, от правого края диалогового окна
    style.window.top_padding = 6 #----Расположение текста в пикселях, от верхнего края диалогового окна
    style.window.bottom_padding = 6 #----Расположение текста в пикселях, от нижнего края диалогового окна

К примеру, если вы используете головы в диалоговом окне, в своей вн, то вам нужна данная строка
Код
style.window.left_padding = 160



И последняя строка, относящиеся к диалоговому окну
Код
    style.window.yminimum = 150

Расположение самого диалогового окна, по координате Y.

В итоге, может получиться, что-то вроде этого:


P.S.S. Совет от Айлин


©Программист Celestial Novels

Автор материала: Sota
Материал от пользователя сайта.



Ren'Py 24.09.14 8874 Sota hud, теги, тег, текст, диалоговое окно 4.5/4

Комментарии (22):
4
1 barsunduk   (25.09.14 00:35)
860
уже традиционный бонус от читателя ;)
«...если вы используете головы в диалоговом окне...»
думаю, стоит привести пример этих самых голов:
http://s7.hostingkartinok.com/uploads....9b9.png

init:
....# заливка экрана серым
....image gray = Solid("#cccccc")
....# side - тег для "головы возле текста"
....image side butthead = "butthead.png"
....# голова справа внизу
....image beavis = Image("beavis.png", xalign=1.0, yalign=1.0)
....# имя перса, цвет имени, отступ текста от левого края на 200 пкс и картинка-голова
....define but = Character("Батхед", color="#ffcc77", window_left_padding=200, image="butthead", left_margin = 200)
....# для головы справа используем show_side_image
....define bea = Character("Бивис", color="#ddbb00", window_left_padding=50, window_right_padding=200, show_side_image="beavis")
....
label start:
....scene gray
....but "Э-э-э... хэллоу."
....bea "Хэ. Хэ-хэ. Ах-хэ-хэ-хэ."
...."The конец"
....return

0
2 Sota   (25.09.14 06:28)
132
Ну вот, а я в следующей статье хотел написать, про объявление персонажей, в том числе и с головами smile_29

0
3 barsunduk   (25.09.14 15:06)
860
мне удалить комментарий?

0
4 Sota   (25.09.14 15:28)
132
Нет, что Вы :D

0
19 Bruzer   (04.04.16 09:16)
16173
НЕЕЕЕЕТ, сделайте следующую статью про это! Я из комментария того пользователя ничего не понял(

0
5 mB0sco   (30.12.14 20:58)
1540
А как сделать произвольный интерлиньяж (расстояние между строчками) в тексте?

1
6 mB0sco   (30.12.14 21:02)
1540
Разобрался сам)
(style.default.line_leading = ...)

0
7 gfgbysl   (26.01.15 17:19)
3992
Сделала все, как написано, но диалоговое окно все равно стандартное smile_57

1
8 mishan221199   (06.04.15 12:25)
4787
Строчку раскомментировали?

0
9 zilot93   (06.05.15 16:14)
6867
после того как раскоментил и поменя на 160 style.window.left_padding = 160
то вот такое пишет
https://pp.vk.me/c628518/v628518588/155/qtdhBOezHbs.jpg
Потому думал что надо раскоментить
style.window.background = Frame("hud/fr.png", 12, 12)
но снова же начал материться теперь уже на 162 строку которая отвечает за звук О_О может я чего то не знаю?

0
10 zilot93   (06.05.15 16:33)
6867
И так со всем разобрался, теперь у меня другой вопрос, я сделал style.window.left_padding = 160 но теперь у меня вот такая вот фигня в начале то что вы видите с левой стороны это обои которые должны быть только в диалоговом меню... что-то пошло не так, а вот что?

https://pp.vk.me/c628518/v628518588/15e/9fRUtyDAka4.jpg

1
11 Sota   (07.05.15 19:42)
132
Давайте лучше в ЛС.

0
12 PlayerKiller   (07.07.15 12:03)
9604
У меня такой вопрос, как уменьшить отступ от имени персонажа, до текста в диалоговом окне?

0
13 Sota   (19.07.15 12:35)
132
Как вариант, управлять расположением text what в screens.rpy в разделе say с помощью align.

0
14 Lilium_Monrey   (08.10.15 20:05)
15152
Ммм, а что делать, если голова, которая должна быть возле текста ужасно огромная? Все делала по совету комментария barsunduk, и вышло что-то вроде:
http://cs623822.vk.me/v623822381/4d805/8zMcawQvwfg.jpg
(это по идее, огромное плечо)

0
15 Jacksom   (11.10.15 12:46)
14479
Добрый день. А есть ли возможность установить цвет сразу для всего текста в новелле?

0
16 nastia_manko   (23.11.15 14:02)
12294
Блиииииииииииииин cry cry cry
Почему мне Renpy постоянно растягивает диалоговое окно? angry
Нужно какой-то размер или настройки в options.rpy?
P.S. Работаю с готовим окном
к примеру: http://i.imgur.com/j5biy.png

0
18 Blue_Bird_Illusion   (21.01.16 18:28)
22911
Загляните в файл options(по умолчанию), там есть раздел отвечающий за диалоговое окно. В нем есть следующее :
## Margin is space surrounding the window, where the background
## is not drawn.
## - Margin - это пространство, окружающее окно, в котором фон
## окна не отображается.

# style.window.left_margin = 6
# style.window.right_margin = 300
# style.window.top_margin = 6
# style.window.bottom_margin = 6

Поиграйтесь с ним, bad

0
17 Bazl   (08.12.15 16:39)
19632
Подскажите можно ли менять фон диалогового?
Например если в игре присутствуют несколько персонажей за которых будет играть игрок.
И у каждого персонажа свой интерфейс

0
20 TesCambl   (26.06.16 16:49)
33994
Кое-что не нашла в этом уроке. Я хочу сделать текст, постепенно появляющийся. Буд-то он сейчас печатается. Что для этого нужно? с:

0
21 TIFOEL   (24.11.16 04:04)
47495
Вопрос такой... как сделать выбор картинки лица персонажа, которая появляется в диалоговом окне? как её в принципе установить, я знаю... а как что бы выбор сделал сам игрок... интересно, насколько долгий будет ответ...

0
22 TIFOEL   (24.11.16 14:32)
47495
Вопрос снимается... я уже придумал и реализовал... соответственно создаем скринс... правд это к диалог окну не относится, но все же, вдруг кто так же мучается как я

if #условие:
#xpos например на 90 пикс. ниже верхнего экрана
frame ypos 90:
has vbox
hbox:
text "[переменная куда записываем имя(вводим или тупо текст)]"
hbox:
add "images/face_1_m.png"

angry

слишком долго я думал над этим =_=

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]