Gobot Game Engine. Заставка GUI.

logo GUI Уроки

Создание простой заставки. GUI.

В этом уроке рассмотрено создание простой заставки в игровом движке Gobot Game Engine.

Для начала  скачайте файлы которые будут использоваться в проекте и распакуйте в удобное для вас место (желательно в папку с проектом).

Настройка.

Создайте новую сцену и в настройках проекта укажите разрешение экрана 800×450.

настройка сцены

Добавьте на сцену нод  TextureFrame и назовите его background. К нему добавьте еще несколько нодов: TextureFrame, TextureButton и Label, и назовите их logo, start, и  copyright соответственно. Расположите эти объекты так как показано на картинке.

robisplashscene

Узлы background и logo — типа TextureFrame. Они имеют специальное свойство для установки текстур, которые будут отображаться, просто загрузив соответствующий файл. В параметре Texture нода background устанавливаем текстуру robisplash_bg.png из архива, и в параметре Texture нода logo выбираем текстуру robisplash_logo.png.

texframe

Узел start имеет тип TextureButton. Для различного состояния кнопки необходимо несколько разных изображений, но для этого проекты мы будем использовать только нормальное состояние и нажатое. Установите иконки кнопок как показано на картинке ниже.

texbutton

И узел copyright имеет тип Label. В параметрах Custom Fonts укажите пользовательский шрифт, который находится так же в архиве. В поле Text напишите какой-нибудь текст, который будет отображаться на экране.

label

Не забудьте сохранить сцену и выбрать ее в настройках проекта как начальную, затем запустите проект.

В итоге, у вас должно получится примерно так:

logo

Урок не сложный, поэтому останавливаться подробно на рассмотрении всех нюансов мы не будем, но и пропускать его мы не советуем, так как здесь описано как работает система GUI в Gobot Game Engine, что является важным элементом при создании любой 2d игры.

Предыдущий урок

Следующий урок

🎦 Видео

Эффект Параллакса | 3D глубина для плоских изображенийСкачать

Эффект Параллакса | 3D глубина для плоских изображений

Unity УНИЧТОЖЕН? Лучшие движки для новичков (Unreal Engine/godot/gamemaker)Скачать

Unity УНИЧТОЖЕН? Лучшие движки для новичков (Unreal Engine/godot/gamemaker)

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

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

Create a modern Chat GUI app in Godot | TutorialСкачать

Create a modern Chat GUI app in Godot | Tutorial

Building a UI in Godot - Godot FundamentalsСкачать

Building a UI in Godot - Godot Fundamentals

Введение в Godot Engine. Интерфейс и основные особенности движкаСкачать

Введение в Godot Engine. Интерфейс и основные особенности движка

Как делают хороший UI в играх (а как плохой) — дизайн интерфейса в RPG, MMO, экшнах и платформерахСкачать

Как делают хороший UI в играх (а как плохой) — дизайн интерфейса в RPG, MMO, экшнах и платформерах

Godot Engine 3.2 Интерфейс в мобильной 3D игре для Android. Часть 1. Тема оформленияСкачать

Godot Engine 3.2 Интерфейс в мобильной 3D игре для Android. Часть 1. Тема оформления

How do I scale UI in the Godot Game Engine 3.4 ?Скачать

How do I scale UI in the Godot Game Engine 3.4 ?

Instant Better UI with Godot 4's Theme Editor - TutorialСкачать

Instant Better UI with Godot 4's Theme Editor - Tutorial

Godot - почему про него все говорят? Он заменит Unity и Unreal Engine?Скачать

Godot - почему про него все говорят? Он заменит Unity и Unreal Engine?

Создание 2D платформера в Godot за 30 минут / Изучение движка GodotСкачать

Создание 2D платформера в Godot за 30 минут / Изучение движка Godot

УДАЛЯЙ UNITY!Скачать

УДАЛЯЙ UNITY!

Godot лучше Unity во всемСкачать

Godot лучше Unity во всем

Godot 4 Main Menu Beginner TutorialСкачать

Godot 4 Main Menu Beginner Tutorial

КАК СДЕЛАТЬ Меню для своей ИГРЫ в ГОДОТ!!!!Скачать

КАК СДЕЛАТЬ Меню для своей ИГРЫ в ГОДОТ!!!!

Наследование сцен в Godot EngineСкачать

Наследование сцен в Godot Engine
Поделиться или сохранить к себе:
Технологичная помощь
Добавить комментарий

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