По своей сущности Moho - 2D-программа, однако у нее есть несколько трехмерных инструментов для позиционирования камеры и отдельных слоев. Тем не менее, даже если вы создали трехмерный ландшафт, вокруг которого облетает камера, то на самом деле каждый слой представляет собой двухмерную плоскость. В Moho невозможно создавать реальные 3D-объекты, но все же можно сделать иллюзию простых трехмерных объектов.
For this tutorial, start with a new, blank project in Moho. The completed file is also available for you to examine if you wish. It's named "Tutorial 2.8" and it's located in the "Tutorials/2 - Draw" subfolder within the main Moho folder. Для работы с этим уроком мы создадим новый проект в Moho. При желании вы можете просмотреть уже готовый файл пож названием Tutorial 2.8, расположенный в поддиректории программы Moho.
Первым шагом будет - создание граней куба. На новом пустом слое своего проекта нарисуйте квадрат. Этот квадрат должен быть выровнен по центру слоя, должен быть равносторонним (не прямоугольник), а также должен вплотную соприкасаться с верхней и нижней границами видимой области рабочего стола. Очень важно, чтобы квадрат был равносторонним. Чтобы было легче нарисовать равносторонний квадрат, включите сетку.
Наиболее важно для этого квадрата, чтобы его углы были в точках (-1, 1), (1, 1), (1, -1), и (-1, -1). Не переживайте сильно по поводу координат - если вы используете сетку, то просто выровяйте квадрат по центру и все углы станут на свои места. Главное, чтобы верх и низ квадрата совпадали с верхней и нижней границами видимой области рабочего стола. Залейте квадрат вашим любимым цветом и установите ширину контура, равную 2.
Рисуем квадрат
Затем, создайте групповой слой, назовите его "Cube" (куб) и положите в него слой с квадратом. Продублируйте слой с квадратом пять раз, после чего ваша панель слоев должна выглядеть примерно так:
Установка слоев
Выберите самый нижний слой в группе "Layer 1" и активируйте нструмент перемещения слоя Translate Layer. Фактически, мы не будем использовать этот инструмент, но делая его активным позволяет нам установить положение объекта при помощи цифровых значений. Вверху главного окна программы установите значение "Z" равное 1. Это меняет глубну слоя, передвигая его вперед к камере.
Установка глубины слоя равной 1
Теперь выберите второй слой ("Layer 2") и установите для него значение глубины, равное -1.0. Мы только что установили передние и задние грани куба. Для остальных двух граней настройки будут немного сложнее Выберите слой "Layer 3" и установите его положение по осям X,Y ("Position (X, Y)") в 1, 0,. Затем возьмите инструмент Вращение слоя по оси Y. При его активации можно задать числовое значение вращения слоя по оси Y. Введите значение равное 90:
Вращение 3-го слоя.
Далее следует "Layer 4" - положение по оси X,Y ("Position (X, Y)") равное -1, 0, а его трехмерное вращение ("3D Rotation") устанавливем в 90, 0.
"Layer 5" следующий - установите "Position (X, Y)" равное 0, 1. Затем актвируйте инструмент вращения слоя по оси Х и установте угол вращения равный 90 градусам. Примечание: обратите внимание на то, что вращать слой необходимо по оси Х, а не по оси Y.
Ну, и последний шестой слой "Layer 6" настройте по аналогии со слоем 5 (Layer 5). Установите значения X и Y равные 0 и -1, а также вращение слоя по оси X равное 90. Для установки значений положения слоя по осям X и Y необходимо активровать инструмент перемещения слоя, а для поворота слоя - инструмент вращения слоя.
На данном этапе куб практически готов, однако он немного великоват для просмотра на рабочем столе. Возьмите инструмент масштадирования слоя и примените его для группового слоя, чтобы сделать весь куб немного меньше. В конечном результате рисунок должен выглядеть примерно так:
Готовый куб
На завершающем этапе работы над нашим кубом нам необходимо включить опцию сортировки слоев по глубине. Щелкните дважды на слое "Cube", чтобы вызвать диалоговое окно свойств слоя. Перейдите на вкладку "Group" (групповой слой) и поставьте флажок напротив свойств "Sort layers by depth" (Сортировать слои по глубине) и "Sort by true distance" (сортировать по реальному расстоянию) и щелкните OK. Установка первого флажка означает, что сначала должны быть прорисованы задние грани, затем передние. Установка второго флажка указывает Moho на необходимость использовать другой метод сортировки слоев, который в основном используется для создания трехмерных кубов..
Используя инструмент вращения рабочего поля, посмотрите на куб под различными углами. Наш куб должен выглядеть как реальный трехмерный объект. Теперь вы можете использовать этот куб в работе над сценой - возьмите инструмент перемещения слоя (Translate Layer) и инструмент вращения (Rotate Layer) слоя и установите его под интересным углом. Вы также можете спользовать этот куб его во время анимации.
Готовый куб с отсортированными по глубине слоями.