Godotneers - Основы пользовательского интерфейса в Godot - красивые интерфейсы, работающие везде

Уроки Godot Engine
Уроки Godot Engine

Привет, годотеры! Создание красивого пользовательского интерфейса Godot, который работает на всех размерах и соотношениях сторон экрана, может быть довольно сложной задачей. В этом видео вы узнаете основы, необходимые для создания собственных пользовательских интерфейсов на игровом движке Godot, которые будут работать везде. С ним вы получите хороший фундамент, на который сможете опираться в своих будущих приключениях. 00:00 Введение 00:50 Настройка сцены 01:27 Создание небольшой приборной панели 04:17 Установка опорного разрешения 06:09 Выделение пользовательского интерфейса в отдельный слой 07:16 Знакомство с контейнерами 07:56 Контейнер GridContainer 08:48 Замена спрайтов на TextureRects 11:22 Как контейнеры выполняют свою работу 14:33 Автоматическое изменение размера с помощью PanelContainer 15:36 Контейнер MarginContainer для добавления границ 16:37 Почему использование контейнеров важно 17:05 Использование тем для создания индивидуального внешнего вида 17:56 Создание пользовательского оформления для меток 18:47 Применение темы к пользовательскому интерфейсу 20:18 Создание пользовательского PanelContainer 22:10 Применение изменений темы 22:35 Создание диалога миссии 23:20 Автообертывание текста ярлыка 23:41 Складывание компонентов с помощью VBoxContainer 24:29 Создание варианта PanelContainer 25:50 Использование вариантов в пользовательском интерфейсе 26:09 Переопределение встроенных вариантов 26:51 Центрирование текста этикетки 27:08 Создание пользовательских кнопок 29:25 Горизонтальные элементы управления с помощью HBoxContainer 29:54 Управление размером элементов управления 30:57 Флаг «expand» 32:36 Разделение доступного пространства 35:00 Объяснение флагов изменения размера 36:55 Центрирование элементов управления 37:17 CenterContainer 38:15 Использование элементов управления с разделителями 40:18 Обработка изменений размера окна 40:43 Закрепление элементов пользовательского интерфейса 42:01 Работа с различными разрешениями 43:44 Работа с различными соотношениями сторон 45:45 Заключение == Полезные ссылки == Официальное руководство по UI: https://docs.godotengine.org/ru/4.x/tutorials/ui/index.html Видео с канала https://www.youtube.com/@godotneers/videos Оригинальное название: Godot UI Basics - how to build beautiful interfaces that work everywhere (Beginners)


Keywords (if available)
Comments

No results found.

Related Videos

Related videos

Thumbnail

Godotneers - Изучаем программирование на GDScript (часть 1)

Привет, годотеры! Вы хотите создавать игры на игровом движке Godot, но не знаете, как программировать? И вы не хотите проходить полный курс ...

By Уроки Godot Engine

Duration: 74:26

Thumbnail

Godot UI Basics - how to build beautiful interfaces that work everywhere (Beginners)

Hello Godotneers! Building a nice-looking user interface Godot that works across screen sizes and aspect ratios can be quite a daunting task. This video will provide you with the basics that you need to build your very own user interfaces with the Go...

By JavaScript Tutorials

Duration: 47:53

Thumbnail

Уроки Godot: Основы интерфейса и настройка темы в Godot Engine (Урок 3)

Уроки по Godot Engine на русском языке. Урок третий. Основы интерфейса и настройка темы в Godot Engine. Краткий обзор интерфейса игрового движка. Пер...

By Games2Dev

Duration: 6:47

Thumbnail

Уроки по Godot Engine: Основы интерфейса и настройка темы в Godot Engine

Уроки по Godot Engine на русском языке. Урок третий. Основы интерфейса и настройка темы в Godot Engine. Краткий обзор интерфейса игрового движка. Пер...

By Игры и Эксклюзивы

Duration: 6:47

Thumbnail

Godotneers - Машины состояний и диаграммы состояний в Godot

Привет, годотеры! С помощью библиотеки Godot State Charts вы можете легко создавать сложное поведение в вашей игре, используя очень мало кода. В э...

By Уроки Godot Engine

Duration: 24:10

Thumbnail

Godotneers - Введение в шейдеры в Godot

Привет, годотеры! Вы когда-нибудь хотели использовать шейдеры в своей игре, но считали их чем-то вроде черной магии? В этом видео мы рассм...

By Уроки Godot Engine

Duration: 72:50

Thumbnail

Godotneers - Компоненты Godot - как разделить игру на управляемые части

Привет, годотеры! Когда вы создаете игру в Godot, часто бывает трудно решить, как структурировать все ваши узлы и сцены. Какие ноды должны вх...

By Уроки Godot Engine

Duration: 72:33

Thumbnail

Пользовательский интерфейс (UI) на движке Godot 4. Бонусы, ловушки, путь следования. Делаем RPG игру

Добавим в нашу RPG игру пользовательский интерфейс (UI) с выводом значения здоровья. Изучим механизм геттеров и сеттеров переменной (get, set). ...

By Front End КотлованЪ

Duration: 33:54

Thumbnail

UI/GUI in Godot 2D | UI/GUI в Godot 2D

RU: Разработка просто UI на Godot 2D. В этом "видео" Я бы хотел показать как просто и легко создать интерфейс для игры. EN: Developing a simple UI on Godot 2...

By Верстка Интерактивных Сайтов

Duration: 5:56

Thumbnail

UI (user interface) + Themes в GODOT 4 | Урок 22 | курс по ГОДОТ для начинающих на русском языке

Ссылка на оригинальный материал: Поддержите меня копейкой, я качаю и загружаю видео через очень медленный интернет https://www.donationalerts.com/r/rel...

By Перезаливы с ютуба

Duration: 22:49

Thumbnail

✈️ КАК ИСПРАВИТЬ РАЗМЫТЫЙ ИНТЕРФЕЙС В GODOT, улучшение интерфейса для маленьких экранов | ГАЙД

В этом видео я покажу вам как решить проблему с размытым (нечётким) интерфейсом в Godot. Эта проблема может появлятся, если разрешение вашег...

By Академия Компьютерной Эрудиции

Duration: 2:31

Thumbnail

User Interface Development -- Godot 3 Tutorial Series

Godot has a robust set of widgets, containers and controls that can be used to make flexible user interfaces. This tutorial walks through creating controls like widgets, wiring them up for signals and handled events in code. We then cover styles and...

By Секреты Продуктивного Творчества

Duration: 35:58

Thumbnail

Godot 4 Godex Курс (from Udemy)

Предлагайте свои курсы, которые вы бы желали, чтобы я залил на Rutube. Через Яндекс Браузер можно смотреть с русским переводом. #FromRussiaToRussiaWithL...

By Клин Жуковский

Duration: 92:58

Thumbnail

How to Use The GODOT UI SYSTEM

In this video I show you how to use the Godot UI system. The Godot UI system is really powerful but since it is so powerful, it is also daunting. This video will teach you the very fundamentals of this powerful UI system. The topics discussed are lab...

By JS Творческие идеи

Duration: 2:59

Thumbnail

Adding UI & Collectibles - Getting Started with Godot 4 | Godot 4.1 Tutorial

Get started with UI in Godot! In this video, we explore Godot 4 by continuing our simple 2D platformer game and implementing a collectible, UI, a score and a win state for the game! Part 1: https://youtu.be/gnboGSpjHVQ Source code: https://www.patr...

By JavaScript Интеграция

Duration: 16:42

Thumbnail

Godot 4: 3D платформер. Урок 1 [Автоперевод]

В этом уроке Godot 4 я расскажу об основах начала работы с игровым движком Godot, его интерфейсе, навигации в 3D, добавлении узлов для создания н...

By GameDevChannel

Duration: 22:55

Thumbnail

Как делать игры | Godot Engine | Как скачать движок | Интерфейс движка | Tutorial #1

Всем привет! В этом видео начинаем изучать игровой движок Godot Engine (3.5.1). Скачаем сам движок и изучим его интерфейс.

By PionGames

Duration: 11:01

Thumbnail

урок 1: godot основы

привет сегодня с вами я - заметки кодера! спустя целый месяц без роликов я выпускаю уроки годо! сегодня мы разглядел интерфейс и напишем п...

By PHP Гаджеты

Duration: 7:10

Thumbnail

Building a Menu Screen (GUI) in Godot

Hi! In this tutorial, I show you how to build a menu screen (GUI) in Godot. I go over the major container nodes and their properties, highlighting the do's and don't's of building your menu screen. Building a UI can be complicated for ...

By Как Сделать Креативно

Duration: 7:50

Thumbnail

C# Godot Tutorial 6 - GUI

Learn how to create GUIs in Godot. Code: https://github.com/MeLikeyCode/GodotTutorials/tree/master/Tutorial6 Slides: https://github.com/MeLikeyCode/GodotTutorials/blob/master/Tutorial6/Godot%20Tutorial%206.pdf Full C# Godot Playlist: https://www.y...

By JS Карта

Duration: 35:40