Тема: Анимированная вода - туториал

Данный туториал подразумевает хотя бы минимальные знания графических редакторов и RPG Maker.
Лично я использую редактор GIMP, но принцип работы во всех редакторах одинаковый, различаться могут лишь мелочи - названия фильтров, расположение опций и тому подобное.

Перед описанием работы в редакторе дам краткое описание принципа работы скрипта Modern Algebra's Animated Parallax, который вы можете скачать здесь http://rmrk.net/index.php?topic=44635.0 (почему-то страница некорректно работает с браузером Опера, с Хромом проблем не было).
Скрипт работает так - он циклически подменяет панорамы, которые необходимо закидывать в папку Parallaxes. Панорамы могут называться как угодно, главное - чтобы все панорамы имели одинаковое название с добавлением после названия _1, _2, _3 и так далее. Пример - RandomMapName_1.png. Скрипт работает только с файлами .png.

В игре работа скрипта выглядит так: вся панорама, включая землю, воду, скалы, деревья и т.п., меняется с заданными параметрами времени. Параметры можно изменить в самом скрипте, причем параметры могут быть разные для каждой отдельной карты. То есть на одной смена происходит с периодом в 1 секунду, на другой же - 500 миллисекунд. Минус скрипта - увеличивается размер панорам, и соответственно - размер игры.
Но этот минус можно частично обойти. Вместе с этим скриптом можно использовать другие скрипты для оверлейной графики, к примеру этот http://forums.rpgmakerweb.com/index....erlay-mapping/ . Он позволяет накладывать слои земли и параллакса поверх слоя панорамы.

Итак, приступим к созданию карты с анимированной водой.

Спойлер 1 шаг:

1. Создаем новый холст и настраиваем сетку. Размер ячейки - 32x32. Размер холста выбирается исходя из задуманных размеров карты*32. То есть, если задуманные размеры 20x25, то холст должен быть (20*32)x(25*32). Я выбрал размер карты 17x13 => размер холста 544x416.

Спойлер 2 шаг:

2. Начальный слой создан белым, нам же нужен прозрачный. Нужно удалить начальный слой и создан вместо него прозрачный. Назовите его Ground. Далее либо сами рисуем землю, либо создаем ее из отдельных тайлов, либо, если эти тайлы уже сохранены в качестве текстуры в редакторе, заливаем слой текстурой. Чтобы было удобнее добавлять тайлы, включите в настройках опцию "Прилипать к сетке"

Спойлер 3 шаг:

3. Создаем новый слой Water. Располагаем его под слоем Ground.

Спойлер 4 шаг:

4. Этот слой заполняем выбраными тайлами воды.

Спойлер 5 шаг:

5. Создаем рябь на воде. Выбираем слой water, и в настройках "Фильтры" выбираем опцию "Рябь".
Выбираем количество кадров и силу ряби. Количество кадров не стоит делать очень большим, 4 вполне достаточно. Силу ряби выбираем исходя из условий карты - на спокойных озерах 1-2, на бурных реках/штормовых океанах - 3-4.
При создании анимации GIMP открывает новое окно, где будут располагаться анимированные слои.
Оттуда их необходимо скопировать в основное окно, предварительно создав в основном окне 4 новых слоя для воды.
Для этого копируйте содержимое анимированного слоя и вставьте на созданный слой в основном окне. Таким образом вы получите 4 новых слоя, каждый из которых будет отличаться от остальных. Старый слой water можно удалить.

Спойлер 6 шаг:

6. Далее, выбираем слой Ground и включаем его видимость, если она была выключена. Ластиком с подходящей кистью стираем часть земли в том месте, где будет озеро.

Спойлер 7 шаг:

7. Создаем новый прозрачный слой Coast. Располагаем его между слоем Ground и слоями воды.
Выкладываем береговую линию подходящими тайлами земли/скал. Часть берега должна заходить под слой земли.

Спойлер 8 шаг:

8. Ластиком стираем грубые части берега.
Чтобы создать эффект прилива, копируйте слой берега столько раз, сколько у вас кадров воды. В данном случае получается 4 кадра берега. На каждом кадре чуть-чуть измените очертания береговой линии для придания эффекта прилива.

Спойлер 9 шаг:

9. Для создания эффекта глубины нужно сделать следующее - создать прозрачных слоя, каждый расположить поверх одного слоя воды. Затем на каждом из новых слоев белой кистью рисуется силует, повторяющий береговую линию. После чего, прозрачность новых слоев ставится примерно на 30%.

Спойлер 10 шаг:

10. Добавляем различные камни, деревья и тому подобное. Чтобы сделать эффект накатывая волн на камни/корни/деревья, располагающиеся в воде, создадим новый слой. Назовем его Stone. Поместим на него камень, и сотрем нижнюю часть камня ластиком. Затем дублируем слой Stone столько раз, сколько у вас кадров с водой. На каждом слое кистью нарисуем окантовку на нижней части камня, окантовка должна чуть-чуть различаться на каждом слое.

Спойлер 11 шаг:

11. Добавим деревья и прочие элементы ландшафта.

Спойлер 12 шаг:

12. Сохраняем анимированные кадры. Снимите видимость со всех кадров, кроме: 1 слоя Water, 1 слоя Coast, 1 слоя Deep, 1 слоя Stone, слоев Ground, и последние добавленные слои наземных деревьев, камней и прочего. Должно получиться примерно так.
Экспортируйте видимые слои в папку Parallaxes, с расширением .png. Не забудьте, что все экпортированные картинки должны называться одинаково, только после названия нужно добавить _1, _2 и так далее. Затем также отключите видимость у только что использованных слоев воды, и включите слои под цифрой 2. Экспортируйте и повторите тоже самое для слоев 3 и 4.

Спойлер 13 шаг:

13. Затем в самом RPG Maker'е экспортируйте в проект. В качестве панорамы на карте выставьте первый кадр, Lake_1.png. Остальные кадры скрипт подхватит сам. Если же вы выставите не первый кадр, а к примеру второй Lake_2, то скрипт при работе будет просто пропускать кадр Lake_1.

Итоговое видео получившейся карты:

Объяснение очень подробное, это хорошо. Но вообще-то для каждого участка воды такое устраивать... трудоемко. Проще край берега размыть и под него подвести воду. Про воду же отдельная песня. Вот то, что на видюшке - скорее сеть из веревок подвешенная над пропастью (?) и вяло колыхающаяся на ветерке. Это не вода, это ужас какой-то. Если это фильтр, то надо что-то с ним делать. Сама же природа ( на берегу ) очень интересна, симпатична и необычна.

О боже! Это знаете, как называется? Это - задротство ) Нет, я не имею ввиду ничего плохого. Просто я такое точно не осилю - абсолютная лень ковыряться в слоях. По мне, такое будет оправдано, когда игра будет готова, в неё поиграют, она понравится и её начнут донатить. Тогда, да, можно будет подумать об "укручении" графики )

Сообщение от Anonymous

Да, это фильтр. Можно взять другой тайл воды, уменьшить силу ряби до единицы, тогда будет лучше.

Сделать сами слои с водой прозрачными, а под них пихнуть "дно".

8. Не понимаю, зачем нужно 4 берега. Если запилить слои воды сверху, то достаточно 1 берега. По моей логике.
[s]здесь было точно что-то неправильное[/s] Это при условии прозрачной воды.
Хотя, я бы даже эти слои с белой границей не делала, а высветлила край воды (в Гимпе есть высветлитель?).
10. Та же история с камнями: 1 слой с тем ,что находится на воде, а отрисовка границ - на слоях с водой.

Сообщение от Anonymous

Осмелюсь спросить, ты туториал-то читала? Самый нижний слой - вода, потом берег, потом земля.

Осмелюсь и так далее...:

Сообщение от LeeLoo

Сделать сами слои с водой прозрачными, а под них пихнуть "дно".

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