# Урок 5.4

Сортировка слоев по глубине

## Введение

Данный урок представляет некоторые 3D свойства Moho. Moho позволяет передвгать слои в трех измерениях с целью создания видимости глубины. Кроме того, в Moho есть возможность сортровки слоев по глубине, что позволяет вперед или назад друг друга во время анимации.

## Начнем с примера

Для работы с этим уроком мы возьмем уже почти завершенный проект. Он называется "Tutorial 5.4" и находится в поддиректории "Tutorials/5 - Animation" корневого каталога программы Moho:

Точка входа этого урока.

Этот файл состот з двух слоев и простой анимации круга, двигающегося к квадрату и назад. Проиграйте анимацию и посмотрите, как это выглядит.

## Создание глубины

##### Перемещение слоя

Сейчас мы попытаемся передвинуть слой в трехмерной проекции - к камере и назад. Установите текущй кадр на 12 активируйте инструмент перемещения слоя. Убедитесь, что слой "Circle" (Круг) активен. А сейчас, удерживая клавишу <alt>, переместите его вперед (к себе). Круг увеличится - это произошло потому, что круг приблизился к виртуальной камере. Удержание клавиши <alt> означает, что инструмент перемещения слоя будет использован для передвижения слоя вперед и назад. Переместите круг так, чтобы он выглядел примерно так:

Перемещение круга вперед.

На информационной панели движения слоев (Layer Motion) обратите внимание на значение поля глубины. Оно должно быть равно приблизительно 1.0 (здесь точные числа не важны). Положительные значения глубины (или плоскости Z) означают, что объект находится ближе к камере (в направлении от экрана), в то время как отрицательные значения означают противоположное (по направлению внутрь экрана).

Теперь давайте передвинем круг вдаль от камеры. Установим текущим 36-й кадр и опять таки, удерживая клавишу <alt>, переместим круг вверх при помощи инструмента перемещения слоя (Translate Layer tool). Продолжайте пока круг не станет таким маленьким (будет находиться далеко), как на рисунке:

Круг отодвинули назад

Теперь значение глубины (Depth) на панели движения слоя (Layer Motion) должно быть равно -1.0. Попробуйте проиграть анимацию еще раз - теперь круг должен увеличиваться и уменьшаться, как будто приближаясь и отдаляясь от камеры. Тем не менее, он постоянно находится перед квадратом. Когда он отдаляется на большое расстояние от нас, он должен исчезать за квадратом. Чтобы это сделать, нам необходимо использовать...

## Сортировка слоев по глубине

При передвижении слоев вперед и назад было бы неплохо, чтобы они могли заходить один за другой. Moho может делать это автоматичекси - все, что необходимо сделать - поставить один флажок в настройках. Выберите команду меню File->Project Settings (Файл->Настройки проекта). В появившемся диалоговом окне установте флажок на свойстве "Sort layers by depth" (Сортировать слои по глубине) и щелкните OK. Это указывает Moho игнорировать порядок построения слоев на панели Layers, и строить их в порядке от дальнего к ближнему. Проиграйте анимацию еще раз и вы увидите, что круг находится за квадратом в тот момент анимации, когда он дальше него.

##### инструмент вращения рабочего поля

Чтобы лучше понять как это все работает, возьмите инструмент вращения рабочего поля и поставьте сцену под косым углом. Если вы сейчас проиграете, вы четко увидите, как круг двигается вперед и назад от квадрата. Выберите хороший вид, затем щелкните по инструменту перемещения слоя, чтобы увидеть путь движения слоя с кругом

Вид сверху

Примечание по поводу сортировки: При установке флажка сортировки слоев, который мы поставили, Moho сортирует только слои высшего уровня. Если же необходимо отсортировать подслои группы, щелкните дважды на групповом слое, чтобы вызвать диалоговое окно свойств слоя (Layer Properties). Перейдите на закладку "Group" (Группа) и установите флажок напротив сортировки подслоев группы по глубине.