Хотите простую деталь, чтобы повысить качество вашего пользовательского интерфейса за очень небольшую работу? Попробуйте эффект параллакса.

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

Существующая сцена:

В настоящее время у меня есть сцена в главном меню с заголовком, двумя кнопками и фоном.

Фон состоит из двух отдельных изображений: голубого неба и набора зданий.

Я хочу добавить эффект параллакса к зданиям, чтобы они слегка двигались при движении мыши в соответствии с ее положением на экране.

Код:

После создания нового класса я добавляю несколько переменных:

Теперь о методах, создающих эффект:

Результат: