Эффект заднего плана

Этот урок демонстрирует несколько способов отображения заднего плана в Wonderland Engine:

• 3D небо с эквидистантными текстурами
• 3D градиенты
• 2D текстуры
• 2D градиенты

3D Задний план 

Небо 

Отображение неба присутствует с ранних игр. Оно создает ощущение глубины и визуально увеличивает размер мира для игрока.

Существуют различные методы отображения неба:

• Отображение атмосферы
• Изображение в виде куба (также называемое “Skybox”)
• Эквидистантное изображение

На данный момент Wonderland Engine поддерживает только последний вариант.

Эквидистантное изображение 

Эквидистантное изображение получается путем проекции 360-градусного изображения на плоскую поверхность. У него соотношение сторон 2:1, то есть ширина в два раза больше высоты.

Ниже представлен пример того, как выглядит эквидистантное изображение:

Давайте посмотрим, как мы можем создать небо в Wonderland Engine!

Импорт 

Сначала импортируйте ваше эквидистантное изображение: перетащите файл из папки в обозреватель ресурсов редактора, затем перетащите изображение оттуда в Область сцены, чтобы создать текстуру для него.

Если у вас нет эквидистантного изображения, найдите некоторые бесплатные варианты в списке ресурсов ниже.

Материал 

Создайте материал для отображения текстуры неба:

• Перейдите в Вид > Ресурсы
• Выберите вкладку Материалы
• В верхнем правом углу нажмите Создать
• Дважды щелкните по имени, чтобы переименовать его (опционально)
• Выберите Небо в выпадающем списке в колонке плайн

В результате у вас получится список ресурсов, который выглядит так:

Настройки рендеринга 

Теперь мы можем связать материал неба с рендерером неба:

• Перейдите в Вид > Настройки проекта
• Прокрутите до Рендеринг и раскройте секцию
• Прокрутите до Небо и нажмите включено
• Назначьте материал неба в выпадающем меню материал
• Установите свойство текстура на текстуру неба

Градиент 

Кроме использования текстуры, вы также можете использовать двух и четырехцветные градиенты.

Обновите плайн Неба и включите функции ГРАДИЕНТ или ГРАДИЕНТ_4_СТОПС.

После обновления плайна отредактируйте свойства цветоваяТочка материала неба:

2D Задний план 

Wonderland Engine также поддерживает двумерные фоновые изображения и градиенты.

Для использования измените свойство шейдер в плайне Неба на Фон, чтобы отобразить в 2D.

В 2D текстуры/градиенты будут отображаться одинаково, независимо от того, куда смотрит камера:

Ресурсы 

Вот неполный список веб-сайтов с бесплатными эквидистантными изображениями:

• Poly Haven
• Ambient CG