Страница 2 из 2 ПерваяПервая 12
Показано с 11 по 20 из 20

Тема: Свет

  1. #11
    Хранитель Форума Аватар для Валера
    Информация о пользователе
    Регистрация
    15.04.2008
    Адрес
    Москва
    Сообщений
    14,006
    Записей в дневнике
    3
    Репутация: 166 Добавить или отнять репутацию

    По умолчанию

    Лекция 3

    Анимированные лучи солнца сквозь облака

    Вчера пол-вечера просидел, ища самый простой способ анимировать эти самые лучи, но так, чтобы было эффектно и похоже. ( Вторую половину вечера искал, почему последний вариант просто не шевелится... нашел. ))

    Итак. Как из круга сделать луч, я демонстрировать пикчами не буду, но опишу процесс. ( если кому надо - поборю лень )
    1. Делаем белый круг на черном фоне.
    2. Выделяем белый круг. Копируем. Делаем paste обратно. Теперь у нас есть слой с белым кругом.
    3. Растягиваем круг до состояния отрезка прямой. Где-то в пол-экрана вашего мейкера по высоте ( потом увеличим ).
    4. Поворачиваем на угол, под которым у вас будут падать лучи.
    5. Добавляем спрайту прозрачности ( 50% ) и размытости краев ( 25% ).
    6. Добавляем в гамму чуть-чуть желтого оттенка ( это напоминает готовку кушанья, кому перец не нравится, желтый не нужен ))
    Получаем где-то вот такое:



    Это заготовка одного луча. Из него мы сделаем такой же, но поуже. Пока двух хватит, можно больше.
    Переносим все это в мейкер. Импортируем. Переносить следует на прозрачном фоне в png.
    Для экспериментов нам еще понадобится панорама, какой-нибудь вид на весь экран. Можно в jpg, если на ХР.

    Значить, перешли мы в мейкер. Пихаем панораму под начальный тайлсет. Скашиваем траву с экрана.

    Лирическое отступление

    Анимация в мейкере создает иллюзию какого-то процесса. Можно задастся целью создать разные иллюзии ( на сколько хватит воображения и усидчивости ). Например: сперва я сделал движение некого "пробоя" в облаках, который постепенно смещался вместе с облаками до края экрана и потом возвращался на противоположный. Для этого к расположению пикчи с лучом света случайно прибавлялись от -25 до + 25 пикселей по высоте и от -10 до + 30 по горизонтали, что обеспечивало смещение вправо. При Х = 640 все это сбрыкивало на 640 влево. По высоте не делал, но это не проблема.
    Сюда же нужно добавить, что использовал я один луч и, чтобы добиться неравномерного его появления, ввел переменную, которая создавала иллюзию случайности появления луча ( 4 варианта ).

    Бешеный ивент

    Представьте, что вам нужно сделать грозу в ночном лесу. Молния должна бить в случайные места леса. Можно пойти через координаты со случайными значениями. А можно просто запустить бешеный ивент и молния будет бить в него. Бешеный ивент невидим, носится с максимальной скоростью и частотой. И получается даже лучше! Молния любит бить в одну область несколько раз, а ивент - не случайное число, он тоже может покружиться в одном месте.

    Итак, приступим к завершению.
    Делаем параллельный ивент вот с такой простой начинкой ( каждому лучу - свой ивент, кроме того, начальное расположение можно разнести ):



    Здесь нет затухания луча. У двух лучей я затухание поставил, у одного нет. Надо пробовать всё!

    Что здесь есть и что надо учитывать

    1. Мы задаем положение луча света по положению бешеного ивента ( ивентов при желании можно запустить 2-3, хоть десяток ). Брать нужно координаты по экрану, а не по карте. Иначе картинка будет стоять.
    2. Картинку луча ( лучей ) нужно увеличить так, чтобы при нижнем положении луча, его конец вверху не был виден. Берем где-то 250%. Теперь подбором добиваемся, чтобы низ луча приблизительно совпадал с ивентом. Точность не нужна. Для этого корректируем показания переменных ( координаты ).
    3. Свет, как вы понимаете, должен быть "добавленным". Но, если вы еще в редакторе графики задали это свойство, мейкер его воспримет.
    4. Луч не должен бегать за ивентом, как хвост за лисой, а появляться и затухать периодически, изображая появление просвета в облаках.
    5. Если вам достаточно одного луча, нужно сделать промежутки его появления различными. Но проще и эффектней добавить пару лучей с другой периодичностью появления. Для этого подойдут два более узких луча. Их нужно повесить на тот же бешеный ивент и для эффекта "переливания" нужно будет поиграть с паузами и другими настройками. Вариант с двумя ивентами оставляю вам на изучение. ))

    http://webfile.ru/b177bf0df7ef9064abe0bb38557e4b6c

    Я думаю, для показа этого достаточно.
    Лучи могут появляться внезапно или плавно, так же и исчезать. Это имеет прямое влияние на конечный результат. Главное - чтобы сумма пауз лучей ( циклы ) не совпадали.
    Если не нравится движение по всей карте, ивент можно поставить на прикол. Но тогда лучи будут появляться в одних и тех же местах. Придется добавить случайные числа.
    Последний раз редактировалось Валера; 25.03.2014 в 09:52.

    Спойлер И как тебе не стыдно-то, а, Валера?:


    Оборона форта: http://rghost.ru/8kLGxFtD2
    Сделать, чтоб все происходило, как я хочу, - вот, собственно, и весь мейкер!
    Адский Рейд: http://rpgmaker.su/vbdownloads.php?d...downloadid=106

  2. #12
    Маститый Аватар для Seibur
    Информация о пользователе
    Регистрация
    07.01.2012
    Адрес
    Изумрудный город
    Сообщений
    1,206
    Записей в дневнике
    3
    Репутация: 58 Добавить или отнять репутацию

    По умолчанию

    Цитата Сообщение от Валера Посмотреть сообщение
    Лекция 3

    Анимированные лучи солнца сквозь облака

    Вчера пол-вечера просидел, ища самый простой способ анимировать эти самые лучи, но так, чтобы было эффектно и похоже. ( Вторую половину вечера искал, почему последний вариант просто не шевелится... нашел. ))

    Итак. Как из круга сделать луч, я демонстрировать пикчами не буду, но опишу процесс. ( если кому надо - поборю лень )
    1. Делаем белый круг на черном фоне.
    2. Выделяем белый круг. Копируем. Делаем paste обратно. Теперь у нас есть слой с белым кругом.
    3. Растягиваем круг до состояния отрезка прямой. Где-то в пол-экрана вашего мейкера по высоте ( потом увеличим ).
    4. Поворачиваем на угол, под которым у вас будут падать лучи.
    5. Добавляем спрайту прозрачности ( 50% ) и размытости краев ( 25% ).
    6. Добавляем в гамму чуть-чуть желтого оттенка ( это напоминает готовку кушанья, кому перец не нравится, желтый не нужен ))
    Получаем где-то вот такое:



    Это заготовка одного луча. Из него мы сделаем такой же, но поуже. Пока двух хватит, можно больше.
    Переносим все это в мейкер. Импортируем. Переносить следует на прозрачном фоне в png.
    Для экспериментов нам еще понадобится панорама, какой-нибудь вид на весь экран. Можно в jpg, если на ХР.

    Значить, перешли мы в мейкер. Пихаем панораму под начальный тайлсет. Скашиваем траву с экрана.

    Лирическое отступление

    Анимация в мейкере создает иллюзию какого-то процесса. Можно задастся целью создать разные иллюзии ( на сколько хватит воображения и усидчивости ). Например: сперва я сделал движение некого "пробоя" в облаках, который постепенно смещался вместе с облаками до края экрана и потом возвращался на противоположный. Для этого к расположению пикчи с лучом света случайно прибавлялись от -25 до + 25 пикселей по высоте и от -10 до + 30 по горизонтали, что обеспечивало смещение вправо. При Х = 640 все это сбрыкивало на 640 влево. По высоте не делал, но это не проблема.
    Сюда же нужно добавить, что использовал я один луч и, чтобы добиться неравномерного его появления, ввел переменную, которая создавала иллюзию случайности появления луча ( 4 варианта ).

    Бешеный ивент

    Представьте, что вам нужно сделать грозу в ночном лесу. Молния должна бить в случайные места леса. Можно пойти через координаты со случайными значениями. А можно просто запустить бешеный ивент и молния будет бить в него. Бешеный ивент невидим, носится с максимальной скоростью и частотой. И получается даже лучше! Молния любит бить в одну область несколько раз, а ивент - не случайное число, он тоже может покружиться в одном месте.

    Итак, приступим к завершению.
    Делаем параллельный ивент вот с такой простой начинкой ( каждому лучу - свой ивент, кроме того, начальное расположение можно разнести ):



    Здесь нет затухания луча. У двух лучей я затухание поставил, у одного нет. Надо пробовать всё!

    Что здесь есть и что надо учитывать

    1. Мы задаем положение луча света по положению бешеного ивента ( ивентов при желании можно запустить 2-3, хоть десяток ). Брать нужно координаты по экрану, а не по карте. Иначе картинка будет стоять.
    2. Картинку луча ( лучей ) нужно увеличить так, чтобы при нижнем положении луча, его конец вверху не был виден. Берем где-то 250%. Теперь подбором добиваемся, чтобы низ луча приблизительно совпадал с ивентом. Точность не нужна. Для этого корректируем показания переменных ( координаты ).
    3. Свет, как вы понимаете, должен быть "добавленным". Но, если вы еще в редакторе графики задали это свойство, мейкер его воспримет.
    4. Луч не должен бегать за ивентом, как хвост за лисой, а появляться и затухать периодически, изображая появление просвета в облаках.
    5. Если вам достаточно одного луча, нужно сделать промежутки его появления различными. Но проще и эффектней добавить пару лучей с другой периодичностью появления. Для этого подойдут два более узких луча. Их нужно повесить на тот же бешеный ивент и для эффекта "переливания" нужно будет поиграть с паузами и другими настройками. Вариант с двумя ивентами оставляю вам на изучение. ))

    http://webfile.ru/b177bf0df7ef9064abe0bb38557e4b6c

    Я думаю, для показа этого достаточно.
    Лучи могут появляться внезапно или плавно, так же и исчезать. Это имеет прямое влияние на конечный результат. Главное - чтобы сумма пауз лучей ( циклы ) не совпадали.
    Если не нравится движение по всей карте, ивент можно поставить на прикол. Но тогда лучи будут появляться в одних и тех же местах. Придется добавить случайные числа.
    Может сделать отдельную тему для обсуждения, чтоб не сливалось с лекциями?
    Прохлада и спокойствие мне вполне по душе

    Спойлер :

    き っ と 、 女 の 子 は お 砂 糖 と ス パ イ ス と 素 敵 な 何 か で で き て い る。

  3. #13
    Хранитель Форума Аватар для Валера
    Информация о пользователе
    Регистрация
    15.04.2008
    Адрес
    Москва
    Сообщений
    14,006
    Записей в дневнике
    3
    Репутация: 166 Добавить или отнять репутацию

    По умолчанию

    А как хочешь.

    Спойлер И как тебе не стыдно-то, а, Валера?:


    Оборона форта: http://rghost.ru/8kLGxFtD2
    Сделать, чтоб все происходило, как я хочу, - вот, собственно, и весь мейкер!
    Адский Рейд: http://rpgmaker.su/vbdownloads.php?d...downloadid=106

  4. #14
    Пользователь Аватар для Anonymous
    Информация о пользователе
    Регистрация
    05.03.2014
    Сообщений
    39
    Репутация: 2 Добавить или отнять репутацию

    По умолчанию

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

  5. #15
    Хранитель Форума Аватар для Валера
    Информация о пользователе
    Регистрация
    15.04.2008
    Адрес
    Москва
    Сообщений
    14,006
    Записей в дневнике
    3
    Репутация: 166 Добавить или отнять репутацию

    По умолчанию

    А что за кроны без стволов? Можно скрин или ссылку?

    Спойлер И как тебе не стыдно-то, а, Валера?:


    Оборона форта: http://rghost.ru/8kLGxFtD2
    Сделать, чтоб все происходило, как я хочу, - вот, собственно, и весь мейкер!
    Адский Рейд: http://rpgmaker.su/vbdownloads.php?d...downloadid=106

  6. #16
    Пользователь Аватар для Anonymous
    Информация о пользователе
    Регистрация
    05.03.2014
    Сообщений
    39
    Репутация: 2 Добавить или отнять репутацию

    По умолчанию

    Цитата Сообщение от Валера Посмотреть сообщение
    А что за кроны без стволов? Можно скрин или ссылку?
    В твоей последней демке с динамическим светом. Вместо полноценных деревьев там просто кроны без стволов. Такое же подход я видел в серии FF и Dragon Quest.

  7. #17
    Хранитель Форума Аватар для Валера
    Информация о пользователе
    Регистрация
    15.04.2008
    Адрес
    Москва
    Сообщений
    14,006
    Записей в дневнике
    3
    Репутация: 166 Добавить или отнять репутацию

    По умолчанию

    Это не мое произведение! Это скрин из знаменитой серии "Лунар":



    Тоже древняя игра. Очень хорошая. Классика РПГ. Я еще смутно помню, как их проходил...
    А стволов нет потому, что художник решил, что и так переработал. ))
    Последний раз редактировалось Валера; 25.03.2014 в 20:29.

    Спойлер И как тебе не стыдно-то, а, Валера?:


    Оборона форта: http://rghost.ru/8kLGxFtD2
    Сделать, чтоб все происходило, как я хочу, - вот, собственно, и весь мейкер!
    Адский Рейд: http://rpgmaker.su/vbdownloads.php?d...downloadid=106

  8. #18
    Местный Аватар для LeeLoo
    Информация о пользователе
    Регистрация
    14.09.2013
    Сообщений
    196
    Записей в дневнике
    5
    Репутация: 4 Добавить или отнять репутацию

    По умолчанию

    Цитата Сообщение от Валера Посмотреть сообщение
    Лекция 3

    Анимированные лучи солнца сквозь облака

    Вчера пол-вечера просидел, ища самый простой способ анимировать эти самые лучи, но так, чтобы было эффектно и похоже. ( Вторую половину вечера искал, почему последний вариант просто не шевелится... нашел. ))

    Итак. Как из круга сделать луч, я демонстрировать пикчами не буду, но опишу процесс. ( если кому надо - поборю лень )
    1. Делаем белый круг на черном фоне.
    2. Выделяем белый круг. Копируем. Делаем paste обратно. Теперь у нас есть слой с белым кругом. (здесь можно уточнить, что "вставляем круг на новый слой"? потому что в более "примитивном" редакторе Пейнтнете разработчики догадались не делать автоматическое создание нового слоя при пасте - поэтому мы не поймём, откуда вдруг неожиданно взялся этот слой, которого мы не создавали)
    3. Растягиваем круг до состояния отрезка прямой. Где-то в пол-экрана вашего мейкера по высоте ( потом увеличим ).
    4. Поворачиваем на угол, под которым у вас будут падать лучи.
    5. Добавляем спрайту прозрачности ( 50% ) и размытости краев ( 25% ).
    6. Добавляем в гамму чуть-чуть желтого оттенка ( это напоминает готовку кушанья, кому перец не нравится, желтый не нужен ))
    Получаем где-то вот такое:



    Это заготовка одного луча. Из него мы сделаем такой же, но поуже. Пока двух хватит, можно больше.
    Переносим все это в мейкер. Импортируем. Переносить следует на прозрачном фоне в png.
    Для экспериментов нам еще понадобится панорама, какой-нибудь вид на весь экран. Можно в jpg, если на ХР.
    Эхь, для фотошопа =(

    Цитата Сообщение от Валера Посмотреть сообщение
    Бешеный ивент
    А вот это круто, спасибо большое )

    Цитата Сообщение от Валера Посмотреть сообщение
    А тайлы вложить нельзя?

    Цитата Сообщение от Валера Посмотреть сообщение
    Прям такие все лукавые, деваться некуда. Знал бы про "присутствует" не искал бы эти ссылки битый час. Кто-то в детство играет, прям "казаки-разбойники"! Что касается всяких надпечаток, то я их всегда стираю перед тем, как выкладывать на форуме. На всякий случай. Не знаю, чем тут поисковые роботы занимаются... Если я у себя использую, мне наплевать, а вот форум жалко, если за жо.. возьмут...
    А вот за за возможность поиска по названию, спасибо. Теперь кое-что доберу!
    Я чень радуюсь, когда на работаех есть хоть какая-то отсылка к автору, потому что - это самое для меня важное! - есть возможность найти в сети и посмотреть другие его работы. И сильно раздражают творческие личности, которые свои работы не подписывают.

    Цитата Сообщение от Anonymous Посмотреть сообщение
    В твоей последней демке с динамическим светом. Вместо полноценных деревьев там просто кроны без стволов. Такое же подход я видел в серии FF и Dragon Quest.
    Это делалось в квадрате примерно 20х20 вот таким способом: http://d-e-n-a.deviantart.com/art/Pi...rial-133166821
    Потом размножалось либо кисточкой, либо копипастой. Потом крона корректировалась ручками и дальше опять размножалась.
    Последний раз редактировалось LeeLoo; 10.04.2014 в 02:33.

  9. #19
    Хранитель Форума Аватар для Валера
    Информация о пользователе
    Регистрация
    15.04.2008
    Адрес
    Москва
    Сообщений
    14,006
    Записей в дневнике
    3
    Репутация: 166 Добавить или отнять репутацию

    По умолчанию

    А я очень радуюсь, когда люди начинают обсуждать предложенную идею, спорят, предлагают свое. Без поиска нет творчества. Иногда и хочется что-то придумать, а подумаешь " а зачем? все равно никто не смотрит, ничего не пишут..." А вот как кто напишет, сразу желание еще что-то придумать. ( Кстати, неделю уже думаю, как анимацию объектов подсмотренную в стратегиях, перенести в мейкер с тем же эффектом. Мотивация хромает... )

    У меня фотошоп даже не установлен, все делаю в фотоимпакте, там слои образуются сами собой под каждый новый спрайт. Фотошоп хорош обилием классных фильтров, но это для меня наркотик, потому открещиваюсь... ))

    Тайлы вложить не могу, потому что это панорама и таких у меня нет.

    Наверное, кроны проще всего делать из уже готовых изображений листвы, деревьев перенося какие-то части в объем спрайта. Но... сейчас столько уже готовых изображений деревьев, что смысла нет. Тут уже другие проблемы - нужны не просто деревья, а под стиль уже имеющемуся окружению. Вот тут или продолжать поиски, или руками взяться, или заранее прикидывать на какой стиль хватит графики.

    Спойлер И как тебе не стыдно-то, а, Валера?:


    Оборона форта: http://rghost.ru/8kLGxFtD2
    Сделать, чтоб все происходило, как я хочу, - вот, собственно, и весь мейкер!
    Адский Рейд: http://rpgmaker.su/vbdownloads.php?d...downloadid=106

  10. #20
    Бывалый Аватар для Phileas
    Информация о пользователе
    Регистрация
    05.02.2016
    Адрес
    HD 128620, HR 5459, CP−60°5483, GCTP 3309.00A, LHS 50
    Сообщений
    635
    Записей в дневнике
    26
    Репутация: 23 Добавить или отнять репутацию

    По умолчанию

    Полностью поддерживаю! Лекции завязаны на скринах, а их больше нет. И как быть?

Страница 2 из 2 ПерваяПервая 12

Информация о теме

Пользователи, просматривающие эту тему

Эту тему просматривают: 1 (пользователей: 0 , гостей: 1)

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •  
Свет