Gobot Game Engine. Анимация + видео

logo GUI Уроки

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

Введение.

Система анимации в Gobot является чрезвычайно мощной и гибкой. В этой статье мы расскажем как создать простую анимацию в Gobot Game Engine.

Для начала, давайте просто использовать сцену из предыдущего урока (заставка). Цель будет добавить простую анимацию к нему.

Создание анимации.

Прежде всего, добавьте узел AnimationPlayer на сцену и сделайте его дочерним bk или backgraund:

Добавление AnimationPlayer
Когда вы выберете узел AnimationPlayer, должна появится панель редактор анимации:

Панель анимации
Нажмите кнопку Создать анимацию и введите имя анимации “intro”.

Создание анимации
После того, как анимация была создана, ее необходимо отредактировать, нажав кнопку “Edit”:

Редактирование анимации

Редактирование анимации.

После нажатия на кнопку «Edit» произойдет несколько вещей, во-первых над панелью анимации появится редактор анимации.

Редактор анимации

Во-вторых, это самое главное, редактор свойств переходит в режим “редактирование анимации”. В этом режиме отображается значок ключа рядом с каждым свойством редактор свойств. Это означает, что в Gobot, любое свойство любого объекта можно анимировать:

изменение свойств

Создаем анимацию логотипа.

Выберете узел «logo» и в редакторе свойств найдите параметр pos, переместите логотип вверх, в положение 114,-400. Далее рядом с параметром pos нажмите на ключ.

Изменение лого
Так как дорожка новая, появится диалоговое окно с просьбой создать ее. Подтвердите это действие нажатием кнопки Create!
Добавление нового трека
Трек будет добавлен в редактор анимации:

Трек добавлен
Во-вторых, переместите курсор редактора до конца, нажав здесь:

перемещение курсора
Изменить положение логотипа на 114,0 и снова добавить новый кадр, нажав на ключик. Между двумя ключевыми кадрами будет происходить анимация.

Анимация
Нажатие кнопку Play на панели анимации, это заставит логотип спустится вниз. Для автоматического проигрывания анимации при запуске сцены необходимо нажать кнопку autoplay

Автопроигрывание анимации
И, наконец, при запуске сцены, анимация должна выглядеть так:

Результат

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

Видео

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

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