Содержание
Введение
Привет, друзья! На этот раз мы с фокусируемся на создании заднего фона с эффектом параллакса.
Получение ассетов
- Посетите веб-сайт с ассетами. Здесь можно найти как платные, так и бесплатные пакеты ассетов. (Перейти!)
- Выберите категорию «2D» и примените фильтр «бесплатные».
- Используется пакет Glacial Mountains Parallax Background, который можно скачать: (Перейти!). Автор: vnitti (Перейти!)
- Скачайте архив и распакуйте его.
Импорт ассетов в Godot
- Откройте свой проект в Godot.
- Перетащите ассеты в папку проекта. Вы также можете использовать менеджер файлов Godot.
Создание сцены и добавление Parallax Background
- Создайте новую сцену.
- Настройте Проект -> Настройки проекта ->Дисплей -> Окно -> Размер -> Высота / Ширина экрана, Растягивание -> Режим / Соотношение.
- Ищите и добавьте ParallaxBackground.
- Добавьте ParallaxLayer к ParallaxBackground. Это будет слой фона, который создаст эффект параллакса.
- Выделите ParallaxLayer, сочетанием клавиш Ctrl+D продублируйте ParallaxLayer (или нажатием правой кнопки мыши на ParallaxLayer -> дублировать)
- Выделите левой кнопкой мыши ParallaxLayer, ->выберите из файлов фон, и перетяните на сцену, не отпуская кнопку мыши, при нахождении мыши над сценой зажмите Ctrl и отпустите кнопку мыши на сцене (Ctrl позволит добавить фон в качестве дочернего узла)
- Позиция и Размер изменяется в инспекторе: Transform (Position, Scale)
Настройка Parallax Layer
- Выберите ParallaxLayer.
- Включите Mirroring для каждого слоя параллакса, чтобы создать эффект бесконечного фона.
- Настройте параметры Mirroring по координате X для каждого слоя.
Добавление скрипта к Parallax Background
- Добавьте скрипт к ParallaxBackground.
- В скрипте создайте переменную «speed» со значением, например, 100.
- В функции «process» добавьте смещение по координате X с использованием скорости и дельты времени.
Код:
extends ParallaxBackground
var speed: = 100
# Called when the node enters the scene tree for the first time.
func _ready():
pass # Replace with function body.
func _process(delta):
scroll_offset.x -= speed * delta
- Теперь все слои двигаются с одной скоростью.
Настройка скорости для каждого слоя
- Вернитесь к сцене 2D и настройте скорость для каждого слоя параллакса. Выделить ParallaxLayer -> Инспектор -> Motion -> Scale(снять блокировку(знак цепочки)) и настроить отдельно по X и Y координатам.
- Самый верхний слой “Координата X” (первый) – 0.1, второй — 0.2, третий — 0.3 и так далее. (Координату Y на 0.)
Завершение
Теперь у вас должен быть рабочий эффект параллакса в Godot Engine 4! Проверьте свой проект, и если что-то не так, перепроверьте настройки слоев и скриптов.
Надеюсь, вам понравилось.
