Часть первая. Основы взаимодействия. Кнопки, текст, картинки

Что такое интерфейс?
Худ.Фильм - Джони Мнемоник

Что нам говорит вики?
Интерфе́йс (от англ. interface) — общая граница между двумя функциональными объектами, требования к которой определяются стандартом; совокупность средств, методов и правил взаимодействия (управления, контроля и т. д.) между элементами системы.
Примеры:
элементы электронного аппарата (телевизора, автомагнитолы, часов и т. п.), такие как дисплей, набор кнопок и переключателей для настройки плюс правила управления ими, относятся к человеко-машинному интерфейсу;
клавиатура, мышь и пр. устройства ввода — элементы интерфейса «человек — компьютер».

Что мы только что прочитали?

Давайте подумаем...

Хорошо, а что такое интерфейс в играх?

Дополнительная информация
https://habr.com/ru/company/mosigra/blog/232197/
Рекомендую прочитать, ссылка так же в телеграмме

Перейдём к Unity

Что мы сегодня должны получить?

В Unity об
интерфейсе уже
Подумали
И подготовили много элементов упрощающих разработку

Для начала...
Брать информацию можно отсюда -> https://docs.unity3d.com/Manual/UIToolkits.html
Тут вся документация, но на АНГЛИЙСКОМ.

Создадим новую
сцену
Назовите её Menu.
Переключитесь на эту сцену

Добавим в сцену
кнопку
Для желающих, можно вернуться на слайд 6 и продумать из каких элементов состоит интерфейс меню игры HeartStone

Изучим дерево проекта
Видно что добавились объекты:
Canvas
Button
Text
EventSystem

Элемент первый - Canvas
Свойство определяющее размеры полотна.
Свойства определяющие размеры окна. По умолчанию размеры определяются системой Unity.
Режим отрисовки полотна. На что камера делает упор.
Ручные настройки размера полотна и прочие графические примочки

Элемент второй - Button
Нас тут интересует только два свойства:
Фон и материалы кнопки
Реакция кнопки на нажатие

Элемент третий- Text
Тут настраивается типографика текста, шрифт выравнивание. Меняется сам текст.

Элемент четвёртый - EventSystem
Автоматизированная система обработки взаимодействия с интерфейсом.

Что же, кнопку мы добавили
Теперь нужно её поставить в нужное место место.

Задание 1
Добавьте ещё 2 кнопки.
Измените текст кнопок на:
Старт
Настройки
Выход

Добавим фоновое
изображение

Изменим размер изображения

И перетянем изображение

Заскриптуем переход

Создайте файлах проекта скрипт C#
Назовите его:
ButtnController
После чего сразу откройте в редакторе и перепечатайте текст из следующего слайда презентации

Скрипт для работы с кнопками
using UnityEngine;
using UnityEngine.SceneManagement;
using UnityEngine.UI;
using System.Collections;
public class ButtnController: MonoBehaviour
{
public void PressedStartLvl( int sceneID )
{
SceneManager.LoadScene(sceneID);
}
public void PressedExit()
{
Application.Quit();
}
}

ВНИМАНИЕ! ЧАСТАЯ ОШИБКА
Очень важно делать одинаковые имена для файла и для класса в тексте.
Если в тексте написано class MySCRIPT значит и файл должен называться MySCRIPT.

Примените скрипт на наши кнопки
Просто перетащите скрипт на элемент кнопки

В свойствах кнопки
Перетащите объект кнопки в свойство on Click()

Должно получиться так

Выберем функцию которая выполнится

Для переключения между сценами
Выберите функцию PressedStartLvl и укажите номер сцены на которую вы хотите переключиться.

Номер сцены узнаете в окне BuildSettings
Чтобы в него попасть нажмите комбинацию
Ctrl+Shift+B