Верстка UI для гиперказуальной игры на Godot

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ม.ค. 2025

ความคิดเห็น • 99

  • @ДмитрийСысуев-т7й
    @ДмитрийСысуев-т7й 2 ปีที่แล้ว +14

    Друг, наткнулся на твой канал, и я просто в восторге! С такой харизмой подавать такие сложные и полезные вещи - какой же ты крутой, бро! Пожалуйста, не бросай выпускать ролики, так хочется увидеть ещё горы полезного материала от тебя и перенять твой бесценный опыт...

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว +3

      Спасибо большое за такой тёплый отзыв и поддержку. Я это очень ценю. Буду и дальше стараться, чтобы материал был максимально доступный и не скучный.

  • @ritisir.t.s7232
    @ritisir.t.s7232 ปีที่แล้ว

    Спасибо большое! Уже расстроилась, что проблему прийдёться с костылями и кодом решать, но вовремя на ролик наткнулась, благодарачка❤

  • @MRxRadex
    @MRxRadex 2 ปีที่แล้ว +1

    Огромное спасибо! Я думал что после Юнити смогу быстро вникнуть в UI систему Godot, но с наскоку не вышло. Круто всё объясняете!

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว

      Рад, что оказалось полезно) С опытом Unity должно дальше быстро пойти

  • @doinkes7764
    @doinkes7764 2 ปีที่แล้ว +4

    Урок на русском и на свежей версии движка, класс.

  • @underwheelz
    @underwheelz 2 ปีที่แล้ว

    Круто, я как раз хотел научится нодам контрол хорошо что это видео порекомендовал ютуб, спасибо за гайд)

  • @bloodik217
    @bloodik217 2 ปีที่แล้ว +1

    По больше бы таких видео

  • @PRO1OO
    @PRO1OO 2 ปีที่แล้ว +2

    Просто лучший!👍

  • @Vasilii_Shtyrov
    @Vasilii_Shtyrov 5 หลายเดือนก่อน +1

    Добротное видео. Куплю твой курс.
    Пожалуйста, продолжай пилить ролики по Godot 4, особенно в преддверии выхода Godot 4.3.

    • @frontend-pashtet
      @frontend-pashtet  5 หลายเดือนก่อน +1

      Спасибо. Очень приятно.
      Ролики продолжают пилиться. Завтра выйдет мини доп материал для курса, а потом уже урок для ютуба

  • @Chuchel-hh6hq
    @Chuchel-hh6hq 2 ปีที่แล้ว +6

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

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว +1

      Привет. В ближайшее время будет стоим с продолжением разработки игры под Яндекс игры. Там будем делать борду с рекордами.

    • @Chuchel-hh6hq
      @Chuchel-hh6hq 2 ปีที่แล้ว

      @@frontend-pashtet Отлично , жду с нетерпением !

  • @ОлегЛукин-д5ф
    @ОлегЛукин-д5ф 2 ปีที่แล้ว +2

    Это то, что мне нужно прямо сейчас. Ты очень вовремя выложил видео. Спасибо за контент.

  • @portweshockscontent4310
    @portweshockscontent4310 11 หลายเดือนก่อน

    Очень помог, спасибо большое!

  • @user-secretno
    @user-secretno 5 หลายเดือนก่อน

    А что делать если у тебя нету size flags в инспекторе нодов?

  • @ars_7085
    @ars_7085 7 หลายเดือนก่อน +2

    Мне как человеку ничего не понимающему в godot было сложно понять, почему у меня не менялись размеры элементов. Проблема решалась изменением в настройках проекта, в разделе основное->дисплей->окно, есть растягивание. Там надо было поменять режим и соотношение.

    • @akneo2546
      @akneo2546 หลายเดือนก่อน

      А какой режим стоит поставить? Я догадался туда зайти, но не понимаю какой нужен режим и соотношение :(

    • @JokerTeamYT
      @JokerTeamYT 18 วันที่ผ่านมา

      @@akneo2546 2d и expand

  • @LordKisagaki
    @LordKisagaki 16 วันที่ผ่านมา

    а чо якоря не использовать для интерфейса ? они же как раз для этого

  • @kalbasa_and_sur
    @kalbasa_and_sur หลายเดือนก่อน

    Тот самый момент когда профи решил мою проблему в первых 30 секундах видео

  • @KIBERTAIM
    @KIBERTAIM 9 หลายเดือนก่อน +1

    Всегда ли так адаптивно верстают на годот ?

  • @RokyTime
    @RokyTime 2 ปีที่แล้ว +2

    Здравствуй. Нашел твой канал давно, ещё когда только увлекся программированием в целом. Решил попробывать геймдев недавно и обратился к твоему гайду "Прожиточный минимум" gdscript'а. Видимо, язык очень быстро обновляется и гайд уже не совсем актуален. В плане основы основ он даёт, но некоторые действия просто невозможно повторить в движке сейчас. Например, дебаг с помощью print. Да и код не запускается, из-за отсутствия какого-то условия. Есть какая-то возможность учить этот язык, не обращаясь к официальной документации, из-за сложности с английским ?

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว +1

      Привет. Думаю, можно пробовать читать документацию на русском. Она частично переведена, но проблема как раз в не полном переводе.
      Язык для версии 3 не менялся. А вот для Godot 4 могут быть сложности, да. Но print, мне кажется, должен работать. Даже в 4ке.
      Даже не знаю, что посоветовать. Разве что обращаться за помощью к сообществу. Можешь зайти в наш дискорд, если пользуешься им. Ну или с переводчиком что-то пытаться разбирать.
      Очень круто, что ты пытаешься разбираться в Godot. Надеюсь, у тебя пойдёт процесс. Там надо перетерпеть первую волну непонимания, и потом будет проще.

    • @RokyTime
      @RokyTime 2 ปีที่แล้ว

      @@frontend-pashtet Так классно, что ты помогаешь и отвечаешь на вопросы всех своих подписчиков. Спасибо за совет, очень помог, на самом деле.

    • @Makcimm85
      @Makcimm85 ปีที่แล้ว

      "сложности с английским"
      Во многих браузерах встроены переводчики текста
      А в яндексе встроен перевод и озвучка ютуба с иностранных языков.

  • @MadDogsMayCry
    @MadDogsMayCry 4 หลายเดือนก่อน

    Я все ж был бы осторожен в применении подобных интерфейсов. Дело в том, что двидок будет строить кадр добавляя все эти проверки связанные с настройками всего этого вот. Но можно было бы создать скрипт, который при загрузки игры получил бы разрешение экрана пользователя и расставил бы узлы интерфейса опираясь на дунную информацию.

  • @_1mrscool11_9
    @_1mrscool11_9 2 ปีที่แล้ว +1

    Как обычно годнота

  • @danillinad5130
    @danillinad5130 ปีที่แล้ว

    Привет, отличный урок получился. Подскажи пытаюсь встроить в margincontainer animatedsprite, но спрайт не реагирует на него и зафиксирован на своей позиции, при уменьшени/растягивании экрана все скейлится кроме animatedsprite

  • @vladyan01
    @vladyan01 2 ปีที่แล้ว +2

    Предлагаю сделать цикл видео по всем встроенным классам движка, с примерами и теорией. Потому что там куча разных вещей которые непонятно зачем нужны, а документация не всегда понятно описывает. К примеру класс оклюзия, нафига, так и не разобрался))

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว +1

      Это массивная работа. Я сам многими узлами не пользуюсь) Имеет смысл наверное самые популярные освещать

    • @vladyan01
      @vladyan01 2 ปีที่แล้ว

      @@frontend-pashtet согласен, пока сам разберешься, пока запишешь, уже куча времени.

  • @proandroidd2283
    @proandroidd2283 2 ปีที่แล้ว

    Спасибо большое за инфу по GODOT!
    Пожалуйста если есть возможность писать ещё видео по GODOT, пиши пожалуйста!

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว

      Спасибо за поддержку. Конечно буду)

  • @nixaristix1819
    @nixaristix1819 2 ปีที่แล้ว

    Спасибо! Теперь интерфейсы более понятны, а то заморочился с ними совсем...

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว

      Спасибо за комментарий. Рад, что объяснение зашло)

  • @only8341
    @only8341 2 ปีที่แล้ว +1

    Спасибо вам за урок. У меня как раз сегодня были проблемы с GUI. Я использовал вместо контейнеров, простое перемещение кнопок. Вы так вовремя выпустили видео, что я понял над чем мне надо поработать.

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว

      Я очень рад, что видео оказалось полезным. Тоже далеко не сразу разобрался, как в Godot работают UI ноды.

  • @xLampster
    @xLampster 2 ปีที่แล้ว +2

    Топ

  • @egopos
    @egopos 2 ปีที่แล้ว +2

    👍

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว

      Комменты помогают. Спасибо!

    • @egopos
      @egopos 2 ปีที่แล้ว

      @@frontend-pashtet не за что

  • @toster8240
    @toster8240 2 ปีที่แล้ว

    Очень в тему и прямо огонь! А видео про адаптивность игровой сцены будет?

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว +1

      Вполне вероятно, что будет. Там другой хак требуется

    • @toster8240
      @toster8240 2 ปีที่แล้ว

      @@frontend-pashtet Было бы невероятно круто, про такое посмотреть ;-)

  • @lol-et1fz
    @lol-et1fz 2 ปีที่แล้ว

    Привет )))
    Этот урок ведь понадобится не только для мобаильного приложения , но и для ПК ?

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว +1

      Привет. Да, ты прав. Просто пример из мобильной игры.

  • @kamilayza
    @kamilayza 2 ปีที่แล้ว +1

    Когда 13-15 мин для кого-то долго...😐
    А если честно, то видео-обучалка неплохо получился😎
    всё необходимое для понимания начальной структуры создания uv и меню игр или программ
    Даже узнала пару лайфаков благодаря этому видео( боже, сколько же времени зря тратила на создание пустоты между объектами в годот, когда могла это сделать за пару секунд ... 😨)
    Теперь буду копить монеточки для этого курса, может быть и накоплю на него

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว +3

      Спасибо за комментарий:) 15 минут это вечность) Рад, что что-то было полезным.

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว +1

      @Re_ ну да, тут больше информации. Меньше надо додумывать.

  • @zykov.v.r
    @zykov.v.r 2 ปีที่แล้ว +1

    Отличный материал, пиши больше про UI и Godot, очень интересно, задумался начать изучать годо. Если на момент выпуска курса будут деньги - запишусь

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว

      Спасибо. Надеюсь тебе понравится движок. Планирую ещё несколько уроков по UI с фишками верстки.

  • @yl1ne
    @yl1ne 11 หลายเดือนก่อน

    А скажи пожалуйста какое ты взял начальное разрешение экрана?

    • @frontend-pashtet
      @frontend-pashtet  11 หลายเดือนก่อน

      Уже не помню точно, но для таких игр это либо 720х1080, либо 1080х1920
      Вот тут в доке подробно про это docs.godotengine.org/en/stable/tutorials/rendering/multiple_resolutions.html

    • @yl1ne
      @yl1ne 11 หลายเดือนก่อน

      Спасибо большое.@@frontend-pashtet

  • @MrGalyano
    @MrGalyano 2 ปีที่แล้ว

    Привет! Когда я грид контейнеру выставляю Shrink Center, то дочерние элементы не выставляются по центру как у тебя на видео, почему так?

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว

      Уф. Сложно так сказать. Я последнее время на Godot 4 работал. У меня все в голове перемешалось сейчас. Может сам контейнер недостаточно места занимает, чтобы сворачиваться в центр? Сложно ответить. Тут надо смотреть

    • @MrGalyano
      @MrGalyano 2 ปีที่แล้ว

      @@frontend-pashtetу тебя вроде канал в дискорде есть? Если туда скину скрины сможешь глянуть?)

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว +1

      @@MrGalyano discord.gg/sbHnmUphMC

  • @arik4787
    @arik4787 ปีที่แล้ว

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

    • @frontend-pashtet
      @frontend-pashtet  ปีที่แล้ว

      Привет. По структуре парок можешь посмотреть мой последний ролик про «Базу». Там немного этому внимание уделено. А по поводу нейминга переменных есть гайд на офф сайте docs.godotengine.org/en/stable/tutorials/scripting/gdscript/gdscript_styleguide.html

  • @hellymad7768
    @hellymad7768 ปีที่แล้ว

    Привет, попробовал повторить шаг за шагом, и не понял как сделать так, чтобы шрифт тоже изменялся в размере, после масштабирования( Как это можно сделать? Или, иначе говоря элемент Label с текстом не масштабируется при уменьшении экрана((

    • @hellymad7768
      @hellymad7768 ปีที่แล้ว

      @@arzu3272 спасибо тебе огромнейшее!

    • @СергейБарбон-ь5й
      @СергейБарбон-ь5й 11 หลายเดือนก่อน

      Prject settings->Winows->Strech-> Mode->viewport

  • @aleksandrs8488
    @aleksandrs8488 2 ปีที่แล้ว +1

    Ооо! Это очень крутой формат! Это как посмотреть половину стрима с целью научиться и все равно почти ничего не понять) А здесь все четко и по полочкам. Спасибо! Но вопрос: почему тебя смущает способ разбиения анимаций по спрайтам, а вот, например, HBoxContainer не смущает, хотя он Horizontal, а вот состоит он из вертикальных элементов при всего одной горизонтальной линии?)

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว +2

      Спасибо за комментарий. Меня, если честно, эти контейнеры тоже постоянно путают) Я добавляют один, а потом постоянно меняю на другой, но иконки у них хорошие, по ним сразу все понятно. Видио, у меня какая-то инвертированная логика.

    • @aleksandrs8488
      @aleksandrs8488 2 ปีที่แล้ว

      @@frontend-pashtet Да, иконки наглядные. Надо такие же подсказки чтобы были в редакторе анимаций

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว +1

      @@aleksandrs8488 было бы неплохо, если честно)

  • @Alexey_Pe
    @Alexey_Pe 2 ปีที่แล้ว

    Моя история: осваивал html+css+другое(понравилось) => попробовал ue4 **мем Уолтер падает** осилил => перешёл на godot, снова *мем Уолтер падает*. Как понял в godot нет grid как в css. Не помню было ли это в ue4

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว

      Да, аналога css grid нет. Это вообще next level верстки. Его поймут через десятилетия. Если сравнивать с вэбом, то ближайший концептуальный аналог это flex-box. Лично я до сих пор его использую и не перешел на css grid. Поэтому, мне в целом заходит UI система Godot. Знатоки говорят, что авторы вдохновлялись QT или каким-то десктопным фреймворком для верстки UI (но это не точно).

  • @arhimedarhimedov6367
    @arhimedarhimedov6367 2 ปีที่แล้ว

    Привет Паша ))
    У меня может быть и глупый , но всё-же вопрос , а почему не Юнити 🤨?))

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว +1

      Привет. Я Максим :)
      Пробовал Юнити в самом начале. Норм движок, но Годо мне просто показался удобным. В нем прям комфортно что-то делать. Все более менее логично и не перегружено. Обычно это называют DX - development experience. Вот Для меня Годо как раз предоставляет лучший DX, чем Юнити.

    • @arhimedarhimedov6367
      @arhimedarhimedov6367 2 ปีที่แล้ว

      @@frontend-pashtet Я думал раз тебя зовут Паштет , то значит твое имя Паша ))))
      Дело в том что я часто вижу как создают с помощью Годо мало-полигональные игры , в Годо есть проблемы с оптимизацией игр ?

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว

      @@arhimedarhimedov6367 да, с производительностью в 3д все не так хороши, как в Unity и Unreal. Осенью выйдет бетта версия Godot 4, там будут серьезные улучшения в этом направлении.

    • @arhimedarhimedov6367
      @arhimedarhimedov6367 2 ปีที่แล้ว

      @@frontend-pashtet Спасибо за ответ )))
      Да , и кстати.... если что , я тот Хейтер lol )))
      Проста перепрыгнул ради безопасности на второй Аккаунт )))
      Тудуф-Ту-Тудуф !!! Тудуф-Ту-Тудуф !!!
      I'll be beck !)))

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว

      @@arhimedarhimedov6367 оу, Хейтер Лол. Привет) Буду знать теперь, что ты Архимед

  • @mid0rfid
    @mid0rfid 11 หลายเดือนก่อน

    Чтооо артем граф теперь делает игры?!

  • @JohnSmith-mr6wp
    @JohnSmith-mr6wp 2 ปีที่แล้ว

    Так и не сумел заставить работать интерфейс правильно. Даже простейший пример с раздвиганием 2-х кнопок на в одном горизонтальном контейнере не работает. В отдельной сцене интерфейса всё хорошо, а как добавляешь на главную сцену, то кнопки просто кучкуются слева

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว

      Жаль. Сложно сказать, что именно не так. Если хочешь обсудить это, то можешь в дискорд залететь. Там проще на такие темы общаться

  • @LKDmusic-gr1dj
    @LKDmusic-gr1dj 5 หลายเดือนก่อน

    Кто нибудь значет дефолтные настройки этого проекта?

  • @artkor214
    @artkor214 2 ปีที่แล้ว

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

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว

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

    • @Камушек-ф1к
      @Камушек-ф1к 2 ปีที่แล้ว

      @@frontend-pashtet Бесплатный курс? Круто.

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว

      @@Камушек-ф1к курс будет платным

    • @Камушек-ф1к
      @Камушек-ф1к 2 ปีที่แล้ว

      @@frontend-pashtet ты меня запутал.

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว

      @@Камушек-ф1к на бусти есть бесплатная подписка. Некоторые посты там доступны бесплатно. С курсом это не связано. Просто для тех, кто поддерживает меня там на определенном уровне, я потом скину промокоды на курс (скидка или бесплатно).

  • @alexalexandrov5514
    @alexalexandrov5514 2 ปีที่แล้ว

    Мегахарош, отличный лаконичный формат. У меня достаточно большой опыт с годо UI, но не знал, что так можно классно использовать центрконтейнер.

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว

      Спасибо, Алекс. Центрконтейнер в каждый дом!

  • @МихаилКрынков
    @МихаилКрынков 2 ปีที่แล้ว +1

    Это шикарно, наконец то кто-то раскрыл тему интерфейса на русском
    хотелось бы больше видео на эту тему, это одна из самых непонятных вещей в годо для меня

    • @frontend-pashtet
      @frontend-pashtet  2 ปีที่แล้ว +1

      Думаю, я могу сделать несколько коротких уроков чисто кейсовых. Как сделать какой-то конкретный элемент.

    • @МихаилКрынков
      @МихаилКрынков 2 ปีที่แล้ว

      @@frontend-pashtet я думаю это было бы очень кстати, так как на тему UI мало даже зарубежных уроков