Как сделать красивое главное меню в РенПай? - Уроки RenPy #25 | Космо

Как оформить главное меню в RenPy? Как сделать свои красивые кнопки в главном меню? Урок РенПай №25.
Стать патроном - boosty.to/kosmo
Стримы - twitch.tv/kosmo_cat
ВКонтакт - kosmothecat
#РенПай #Космо

[@kosmorenpy]

Стать патроном - boosty.to/kosmo Стримы: twitch.tv/kosmo_cat Все уроки, фрагменты кода, нужные файлы, а также тесты для проверки вы сможете найти на этом сайте: bit.ly/kosmorenpy

[@studentdoctor5260]

Космический кот, прости, пожалуйста, но можно вопрос? Как с главного меню сделать переход на начало игры и ещё на вторую часть? Типа на Start() и отдельно на label с началом второй главы.

[@Alex_Mirnov]

Добрый вечер, не подскажите, вы уже делали обзор на изменение окна "загрузки\сохранения"? Что-то никак не найду у вас на канале.

[@blackberry8132]

переживаю за отношения Василины и Васи больше, чем за свои

[@bluemint7042]

Ты: *забываешь поставить запятую после цифры" РенПай: Этот мир навсегда останется лишь ошибкой в огромном коде, которую никто не сможет исправить...

[@ImperatorOfCum]

я пытаюсь сделать выбор а рэнпай говорит что у меня ощибка в слове menu: В КАКОМ СМЫСЛЕ

[@wpsnipe]

@@ImperatorOfCum прикол

[@ImperatorOfCum]

@@wpsnipe гений спустя год ответил, я уже успел свою новеллу сделать

[@LoneAloneXXX]

@@ImperatorOfCum еще один гений напишет спустя пол года и спросит "а что за новелла?")

[@0karas0]

@@LoneAloneXXXа зачем ждать? Так какая новелла?

[@lirikachan]

Привет Кот!!! Спасибо за твои прекрасные уроки, по ним я делаю свою новеллу в жанре психологического хоррора. Все получается благодаря тебе ☺ Жду видео о том, как изменить боковые кнопки в настройках, загрузках и других менюшек

[@starrycat1608]

Спасибо за полезный и интересный урок! Помогли немного украсить меню,а то оно было совсем простое. Спасибо огромное!

[@kosmorenpy]

Не за что :)

[@nastyajoinme1131]

Огромное спасибо за урок! Наконец-то нашла понятное и простое объяснение

[@vanyaaa189]

чел, ты лучший, спасибо, что выпускал эти видео. они мне очень сильно помогают

[@aniisdone]

Огромное спасибо за весь ваш курс!

[@kosmorenpy]

Рад стараться :)

[@user-lq6hc3in2t]

Только сам сделал красивое главное меню и вы выпускаете ролик) Спасибо за качественный контент.

[@dedrid5773]

Жду продолжения,очень надо.

[@greapfruet3343]

Лайфхак, если сначала сохранить файлы с кнопками с фоном, а потом заменить их на файлы без фона, то делать макет становится намного проще(проверено на опыте работы вебдизайнером)

[@teapot_2288]

Пасибааа. Очень полезный урок.

[@Elvirien]

Шикарное меню) Спасибо большое

[@Kotelf]

Не представляю, кто эти три человека, поставившие дизлайк. Шикарное видео, все понятно, все человеческим языком. Огромное спасибище от всей моей души.

[@ze_ruby_27]

да всегда есть те, кому даже такие детальные туториалы непонятны (ну или просто ненавидят ренпай или новеллы)

[@proteusmaximo8659]

Да нихрена тут непонятно! Сделал как у него и туча ошибок. Геморрой

[@user-dv2tv6zd2q]

Огромное спасибо,оформил меню,довольный как ребенок,как получю деньги с игры обязательно с тобой поделюсь!

[@ArtDvah]

при вычислении координат кнопок можно использовать прямоугольное выделение будут показанны все 4 числа

[@matvey_pst]

Отлично! Я как раз Гипм использую

[@madyokkk]

ОМАЙГАД НАКОНЕЦ СПАСИБО ТЕБЕ БОЛЬШОЕ, ОЧЕНЬ ПОМОГ

[@kosmorenpy]

Рад, что было полезно )

[@proteusmaximo8659]

Спасибо конечно, но у тебя отсутствует урок по *navigation screen* (то что ты сказал чем не будем заниматься в этом уроке в конце). И что теперь делать? Я даже найти не могу нормально туториал по этому! Как заменить кнопки в настройках??

[@KuraiFox]

Начал писать фанфик, сделал озвучку пролога, решил ебнуть по нему визуальную новеллу

[@dheisjsnwjw]

также только с ориджем

[@user-wv2oc8do6y]

Вау, это было очень понятно и информативно :0 Спасибо Вам за вашу работу! Конечно я понимаю, что Вас наверное уже достали с запросами на следующие ролики, но я бы очень хотела узнать, как можно добавить в проект так называемую "катсцену". Типа, чтоб после запуска новой игры проигрывался небольшой видеоролик (например, с бэкстори главного персонажа) , который ты выбрал. Уф, я не умею объяснять, но надеюсь меня поняли. ":-] Надеюсь, что такой урок появится в будущем. Ещё раз спасибо за Ваш труд!

[@kosmorenpy]

Можно проиграть видео командой: $ renpy.movie_cutscene("my_video.ogv")

[@kosmorenpy]

Не за что )

[@peppercatsq]

Привет! Не знаешь, как еще до входа в меню сделать дисклеймер о копирайте и возрастном ограничении?

[@MrZaziik]

Вечер добрый, хороший подробный урок по меню и его оформлению и настройке в screens, но что насчет настроек в gui.rpy, и хотелось бы увидеть по настройке и стилизации диалогового окна, раньше делалось в screens, но теперь как вижу очень многое можно настроить через gui

[@Shiza_VK]

А как сделать, чтобы при использовании постоянной переменной, менялась картинка в игре, и кнопки? Возможно ли сделать анимацию при наведении на кнопку в главном меню?

[@arthas8189]

У меня такой вопрос.По этому гайду можно делать меню для мода бесконечного лета или этот гайд только для чего-то определенного?

[@morkovka6989]

помогите пожалуйста, у меня с кодом все правильно, но при запуске, кнопки просто нету (путь определен правильно) , но игра запускается ,и я не знаю что делать

[@KLENA3333-zl4vb]

Спасибо, теперь понятно, так и подозревал, что как в html надо делать imageMap, только нигде не было написано, где.именно и в каком файле менять. Возможно дизлайки ставят те, кто хотел знать, как менять другие экраны.

[@zadrotikbeats2267]

Спс помогло

[@ikinanaa1420]

Классно, а будет урок с добавлением анимаций? Во многих играх видела что идут разные анимации не зависимо от использование нажатия игроком или что-то подобное ( моргание, разные движения на картинке)

[@kosmorenpy]

Да, но не очень скоро, если честно

[@ikinanaa1420]

@@kosmorenpy Хорошо, спасибо, буду ждать 🙂

[@user-ky2zb7gq9t]

Смотрел урок от Новельного по imagemap и ничего не понял. Только из вашего урока понял как этим пользоваться. СПАСИБО! А есть ли урок по изменению других экранов? Загрузки, настроек и прочих.

[@kosmorenpy]

Пока что нет, но когда-нибудь сделаю )

[@margrecer2241]

Очень полезный и понятный урок! А как сделать чтобы меню ещё и на английском языке было кастомным?

[@bebakrarl123]

а можно ли добавить звук к кнопке, когда я на нее навожусь?

[@PaleoginStudio]

Урок отличный, очень помогло! Но по аналогии никак не получается создать экран сохранения и настроек, там нужны ползунки и слоты, а как это делается нигде не объясняется. Вы можете помочь с этим?

[@some_katruna]

А будет ли отдельный урок на тему настройки экрана "настроек" ? или только этот урок будет этому посвящен и на него основе надо самостоятельно пробовать?

[@kosmorenpy]

Сделаю, чуть позже. Думаю, нужно пораньше сделать )

[@some_katruna]

@@kosmorenpy ура) очень рада что такой план есть) буду ждать) спасибо за ваш труд)))

[@petuniatetras1035]

А как сделать чтобы тот же выбор на картинке был в самой новелле? пробовала так же сделать, ничего не выходит (меняя после action сам лейбл переходячий с диалогом и изображением)

[@giwy9308]

я применила эти знания для создания стильной менюшки выбора пути прохождения в самом начале игры, но возник вопрос: если show screen_choice единственный в лейбле (в моём случае в label start, потому что потом история разветвляется, то получается так, что если игрок нажимает мышкой не на хотспоты, то выбрасывает в главное меню или переходит на следующий по ходу лейбл. Так вот, я бы хотела сделать так, чтобы мышка ничего не делала при нажатии за пределами хотспотов, это возможно? Или как по-другому убрать этот скажем так баг?

[@fangamesoriginal7519]

Не появляются кнопки хотя все имена совпадают, картинки добавил, сохранил а виден только фон.

[@deputy_6639]

Same

[@blenderich]

12:44 как в imagemap: - ground загрузить видео ?

[@ziggi9550]

Есть более удобный способ создания меню путем картинок через imagebutton. Мне кажется, стоило разобрать оба способа.

[@ZnakomiyAndrey]

Скажи пжжжжж я нихера не поняла а то сос

[@ziggi9550]

@@ZnakomiyAndrey ну я уже все забыл за год если честно, по гугли, там смысл в том чтобы картинка была без фона или с фоном и наводя мышкой она подсвечивалась и ты на ней нажимал вроде бы. Я этим год не занимался тяжело вспомнить, но точно помню что так было удобнее потому что задавал позицию каждой кнопке отдельно, и если надо добавить новую не надо ничего переделывать глобально, просто поменял позицию по x и y. Нашел часть кода меню настроек в своей игре, скину сюда, если поможет, там есть немного комментариев. screen options33(): tag menu imagemap: ##Кнопки в исходном состоянии ground "gui/options/options8.png" ##Кнопки в активном состоянии hover "gui/options/options2.png" alpha False hotspot (957, 25, 103, 28) action ShowMenu("preferences") hotspot (1192, 25, 103, 28) action ShowMenu("options22") #hotspot (1389, 25, 103, 28) action ShowMenu("options33") hotspot (1540, 25, 103, 28) action Hide("options33") hbox: vbox: imagebutton idle "gui/options/idle_button222.png" hover "gui/options/hover_button222.png" xpos 209 ypos 206 action Preference("display", "fullscreen") imagebutton idle "gui/options/idle_button333.png" hover "gui/options/hover_button333.png" xpos 430 ypos 166 action Preference("display", "window") ## Дополнительные vbox'ы типа "radio_pref" или "check_pref" ## могут быть добавлены сюда для добавления новых настроек. null height (4 * gui.pref_spacing)

[@ZnakomiyAndrey]

@@ziggi9550 Вау, спасибо, попытаюсь понять 🌚🔫

[@jrici-elguri]

Здравствуйте, у меня такая проблема: после записи и сохранения кода, запускаю игру, чтобы посмотреть, что получилось. Она запускается, листаю в самый конец( до момента, для которого только что написала код), и на моменте, где должен он быть( scene и новые персонажи) показывается scene и сразу вылетает. А обычно нужно было самой нажать enter, чтобы выйти. Но оно само вылетает на этом моменте, хотя вначале игры не выходит ошибка кода, всё исправно включается...

[@ldenmmm6802]

Здравствуйте. Сделала меню по вашем уроку и всё работает. Но когда захожу например в "Помощь", перестала работать кнопка "вернуться". Из-за чего это может быть?

[@tonya1242]

А какое надо писать описание к кнопке "Новая игра" ? Чтобы весь прогресс в игре аннулировался?

[@begulatop67]

Он и так будет аннулироваться при новой игре

[@Ms_Oleg]

Здравствуйте, Космический кот, нужен от вас совет. Сколько пикселей экрана вы используете? Я хочу попробовать 1920х1080, но боюсь не смогу нормально работать с ним ;-; Будет ли удобно читать с расширением 1600х1200? Нужен совет от вас

[@kosmorenpy]

Я перешёл на 1920х1080. На ноутбуке с разрешением 1366х768 окно нормально масштабируется автоматически. Разрешение игры влияет в первую очередь на размер спрайтов, которые надо использовать. Дальше РенПай сам масштабирует всё под тот экран, на котором запускается.

[@Ms_Oleg]

@@kosmorenpy Спасибо вам большое) ❤

[@Bruh-id7dn]

помогите плиз пишет ошибку expected statement imagemap→ :

[@piksik_miksik9417]

А как называется этот шрифт?

[@avelrid1802]

у вас очень хорошие видео, но правда не хватает урока как изменить меню сохранения/загрузки, сделайте пожалуйста

[@user-jo2xp6sx8b]

Подскажите как узнать координаты нормально, у меня ваш гимп не работает нормально, херню и ошибки постоянно выдает

[@mirush4756]

Спасибо за урок, Космо! Но у меня возникла проблема - я докинула к предложенным тобой вариантам кнопок ещё и "сохранить", но при любом варианте команды в кавычках (save, saves) кнопка не работает и выдаёт ошибку.

[@moewmew3208]

долороза на аве здоровья маме 😔

[@rayu_you]

Привет, если в новелле лагают клавиши интрефейса в меню, что тут делать? Причем лагают те, которые сам вставил, не стандартные. Стандартные наоборот нормально работают, а вот вставные нет. Что делать подскажи?

[@darina7239]

Такая же проблема, вы нашли в чем была причина ?

[@begulatop67]

Что делать, если я сделала всё как на видео, однако при загрузке вылезает ошибка? File "game/screens.rpy", line 360: Line is indented, but the preceding imagemap statement does not expect a block. Please check this line's indentation. You may have forgotten a colon (:).

[@begulatop67]

Всё починила:)

[@nikralNK]

@@begulatop67 помогиии пожалуйста

[@begulatop67]

@@nikralNK Я уже не помню, как решила, проститее😨😰

[@Khwertyu]

что за приложение в котором ты фон делал?

[@vladislavik6423]

gimp

[@shpynechka]

у меня всё как у ва, и даже названия, но при запуске проекта видно только фон. Кнопок не видно и ничего не кликабельно

[@YTKenon741]

А как сделать чтобы кнопкой стала не часть экрана, а именно эта надпись? То есть мы выделили нужный квадрат, но текст не занимает его полную площадь. Поэтому необязательно касаться контура текста, чтобы активировать кнопку. Как сделать, чтобы кнопка активировалась только при наведении непосредственно на сам текст?

[@amrklp]

Через textbutton. Через стили прописывается нужные цвета (активна/не активна/подсветка при наведении курсора), шрифты итд итп и указывается нужный action.

[@kosmorenpy]

Сейчас Ренпай определяет прозрачность и реагирует только на текст, а не сам квадрат, на самом деле. Если у тебя не так, то добавь в блок imagemap строку alpha True

[@YTKenon741]

@@kosmorenpy Спасибо!

[@ncuhJP]

@@kosmorenpy Привет. А как сделать наоборот, чтобы реагировало именно на область?

[@daze5635]

@@ncuhJP Добавить в блок imagemap строчку alpha False

[@moewmew3208]

почему-то у меня картинки с не появляются,хотя все написано правильно.Лишь фон,больше ничего....

[@evilpelmen9564]

У меня также, хотя сделал всё точно по инструкции

[@user-dv2tv6zd2q]

А как к примеру добавить кнопку донат?

[@alexamiyamoto56]

У меня почему-то не работает... Хоть я и правельно пишу

[@some_katruna]

Добрый день, я к вам с одним вопросом. Смотря ваши видео по RenPy обратила внимание на то, что вы никогда не обновляете проект новеллы, все правки игра у вас сразу подгружает. У меня же, когда я вношу правки в код, что бы они стали актуальны- надо всегда перезагружать проект, что порой не очень удобно. Эту функцию, где-то надо подключать?

[@kosmorenpy]

Можно нажать Shift+R и игра перезапустится на том же месте. А вообще я монтирую видео, поэтому некоторые моменты не видны.

[@some_katruna]

@@kosmorenpyтогда ясно Х) но за комбинацию клавиш спасибо)

[@welimer4987]

Я меняю размер кнопок,а размер кнопок не меняется и + когда убрал кнопку помощь,удалилась ещё и кнопка Начать помогите прошу

[@smolka.mp4]

помогите решить проблему вот я всё сделал как надо и вроде всё хорошо но когда во время игры я нажимаю esc у меня выдаёт ошибку.

[@re1un956]

А возможно ли сделать анимированное меню, чтобы например у меня вывеска неоновая светилась ???

[@kosmorenpy]

Да, можно сделать анимированную картинку фона (ground), а поверх нее уже добавить кнопки.

[@raiden3357]

а что делать, если, когда я навожу курсор, сразу начинают гореть все кнопки?

[@skleyzi]

Урок классный, полезный и простой, но возникла проблема у меня когда я таким-же способом сделал game_menu и теперь работают только в главное меню, начать и выход. При нажатии любых других просто закидывает в игру где открыто game_menu. В питоне не силён, да и в РенПай не особо, вдруг кто знает как решить или его надо делать другим образом. Как я понял это изза того что до этого при открытии этого меню открывалось и сохранение, тоесть экран game_menu и другие связаны вместе(До этого сбоку отображалось game_menu и посредине уже то которое открыл)

[@kosmorenpy]

game menu - хитрый экран, который использует другие экраны. Из-за этого с imagemap его сложно использовать. Но можно обойтись без него. В метке start прописать: $ _game_menu_screen = "save" Тогда в игре будет открываться сразу экран сохранения. И его можно сделать без game_menu, как и остальные экраны.

[@piksik_miksik9417]

А как так розмыть?

[@renegate3752]

Хм, а как прописать кнопку "Продолжить", тоесть загрузить последнее сохранение?

[@kosmorenpy]

Там чуток сложный код будет. Напиши в ВК, чтоб проще было.

[@user-hi6zm8yl5o]

а можно кнопки по одной сделать а то в крите не нашла как кординату найти ?

[@Dottore_]

можно вымерять координаты в пеинте

[@kiragames6712]

а как зделать что было как в бесконечное лето?

[@roxu9037]

Помогите пожалуйста, у меня было всë введено как у вас, но при включении пишет что найдено исключение

[@kosmorenpy]

Надо смотреть какое именно.

[@another_maru]

Не знаєте як зробити меню щоб в окремий момент гри було одне, а в інший момент інше? І чи можна додавати гіфки як фони для меню?

[@kosmorenpy]

1. Требавикорстовувати persistent змінні, як для галереї. І обирати меню в залежності від змінної. 2. ні, але можна додати відео. Або робити свою власну анімацію

[@another_maru]

@@kosmorenpy Дякую велике! Ваші уроки дуже допомагають🐛

[@dismax8941]

Космо, а что делать если возникло исключение, код весь написан по этому ролику, проверил файлы и их название чтобы совпадали в коде, но при запуске игры появляется исключение в строках 355, 361, 366.

[@kosmorenpy]

Скинь в ВК скриншот этих строк

[@dismax8941]

@@kosmorenpy в группу или лс?

[@kosmorenpy]

Можно в ЛС.

[@dismax8941]

@@kosmorenpy можно ссылочку, а то нету)

[@fish8house]

А что в итоге сделали? У меня такая же проблема...

[@user-xk8er7bo8i]

что если сделал всё как в видео, но при нажатии на кнопки с использованием меню, игра крашиться?

[@kosmorenpy]

Какая ошибка?

[@user-xk8er7bo8i]

@@kosmorenpy сорри, это я сам облажался (убрал случайно бэк менюшки настроек и загрузки), кстати спасибо за ролик!

[@theschool6046]

у меня ошибка Символы Табуляции не допускаются в сценарий Ren Py помогите!!!!!

[@kosmorenpy]

Про это есть отдельное видео ) Нужно в настройках редактора включить заменять табуляцию на 4 пробела.

[@Hihika0]

спасибо, у меня код сломался окончательно ❤❤❤❤

[@Priznack]

А как же галлерея?

[@kosmorenpy]

Галерея позже будет ещё )

[@scattereddreams4396]

а как добавить звук кнопкам?

[@kosmorenpy]

Посте action можно прописать несколько команд в квадратных скобках через запятую. Чтоб проиграть звук - это будет так: [Play("sound", "sound/click.wav"), Jump("mylabel")]

[@scattereddreams4396]

@@kosmorenpy спс, попробую

[@kosmorenpy]

Не за что

[@okbrolmao]

@@kosmorenpy не работает, вот строка кода: hotspot (1610,670,255,135) action (Hide("wild_menu"),Jump("wild_prologue"), Play("sound", "mods/mod/sounds/hover.wav")). Что не так?

[@kosmorenpy]

Действия в action должны быть в квадратных скобках, так как этот список действий

[@topKinorezka]

все работает, только не так как надо. ховер регистрирует только пиксели, а пустые поля нет. тобишь у меня текст и ховер срабатывает только на буквах, а пробелы между буквами и к примеру дырку в букве "О" не учитывает. и получается что водишь курсор по тексту "новая игра" и ховер моргает каждый раз когда курсор попадает на "пустые" места

[@Haosit.]

У тебя об игре не светилось

[@fronntanret6940]

Прошу я знаю уже прошло много времени может ты это не увидишь но покажи как изменять гейм меню в своей игре прошу

[@illill8018]

Меня просто выворачивает каждый раз когда я вижу imagemap зачем ЗАЧЕМ вообще учить эту дрянь, геморится с кординатами, и иметь у себя в коде нечитаемый набор цифер, когда можно сделать imagebuttonы любой формы и оживить ее всеми красками магии ATL

[@psihoozz]

Блять я ебал твой imagebutton пишу на нём меню, одни ошибки. Лучше уже так сделать, чем в button ебатся с кодом.

[@masha_c.a.t]

Весь проект испортился с вашим лайфаком пришлось все переделивать,ужас👎👎

[@jsmake1s656]

Привет, вначале всё было хорошо, но позже стала вылазить ошибка - I'm sorry, but an uncaught exception occurred. While loading : IOError: Couldn't find file 'gui/main_menu.png'. -- Full Traceback ------------------------------------------------------------ Full traceback: File "renpy/common/_layout/screen_main_menu.rpym", line 28, in script python hide: File "renpy/ast.py", line 1131, in execute renpy.python.py_exec_bytecode(self.code.bytecode, self.hide, store=self.store) File "renpy/python.py", line 1061, in py_exec_bytecode exec(bytecode, globals, locals) File "renpy/common/_layout/screen_main_menu.rpym", line 28, in python hide: File "renpy/common/_layout/screen_main_menu.rpym", line 35, in _execute_python_hide ui.interact() File "renpy/ui.py", line 299, in interact rv = renpy.game.interface.interact(roll_forward=roll_forward, **kwargs) File "renpy/display/core.py", line 3377, in interact repeat, rv = self.interact_core(preloads=preloads, trans_pause=trans_pause, pause=pause, pause_start=pause_start, pause_modal=pause_modal, **kwargs) # type: ignore File "renpy/display/core.py", line 3912, in interact_core self.draw_screen(root_widget, fullscreen_video, (not fullscreen_video) or video_frame_drawn) File "renpy/display/core.py", line 2605, in draw_screen renpy.config.screen_height, File "render.pyx", line 495, in renpy.display.render.render_screen File "render.pyx", line 266, in renpy.display.render.render File "renpy/display/layout.py", line 884, in render surf = render(child, width, height, cst, cat) File "render.pyx", line 170, in renpy.display.render.render File "render.pyx", line 266, in renpy.display.render.render File "renpy/display/transition.py", line 370, in render return render(self.new_widget, width, height, st, at) File "render.pyx", line 170, in renpy.display.render.render File "render.pyx", line 266, in renpy.display.render.render File "renpy/display/layout.py", line 884, in render surf = render(child, width, height, cst, cat) File "render.pyx", line 170, in renpy.display.render.render File "render.pyx", line 266, in renpy.display.render.render File "renpy/display/layout.py", line 884, in render surf = render(child, width, height, cst, cat) File "render.pyx", line 170, in renpy.display.render.render File "render.pyx", line 266, in renpy.display.render.render File "renpy/display/screen.py", line 704, in render child = renpy.display.render.render(self.child, w, h, st, at) File "render.pyx", line 170, in renpy.display.render.render File "render.pyx", line 266, in renpy.display.render.render File "renpy/display/layout.py", line 884, in render surf = render(child, width, height, cst, cat) File "render.pyx", line 170, in renpy.display.render.render File "render.pyx", line 266, in renpy.display.render.render File "renpy/display/im.py", line 627, in render return cache.get(self, render=True) File "renpy/display/im.py", line 295, in get surf = image.load() File "renpy/display/im.py", line 720, in load raise e IOError: Couldn't find file 'gui/main_menu.png'. Хотя все файлы есть и всё указано. Как можно решить данную проблему?