FGA#5: Как рисовать фоны?

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

Ребята (мальчики и девочки, парни и девушки, мужичины и женщины), вы, все те, кто достиг этого урока — супер! Я нереально рад и горд за то, что вы проходите уроки, допускаете ошибки, исправляетесь, и главное, стараетесь. Вы — супер.

Дальше будет немного легче.

И так.

Сегодня пойдёт речь о том, что создаёт атмосферу в играх, именно — о фонах.
Что же такое фоны, и с чем их едят? Фоны, по своей сути — статическая картинка (а мы будем рассматривать именно этот вариант), абсолютно лишённая внутренней анимации. Внутренней? А что за внешняя? Ну как… фоны же должны двигаться? Ну… да. Рассмотрим этот вариант.

Для победного начала (слышал, есть такое выражение — «до победного конца», раз есть победный конец, значит есть и победное начало? Я прав? Или это всё моя алогичность?), я скажу, что фоны мы будем рассматривать бооольшие, однослойные и двуслойные.

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

Далее — фоны однослойные.
Эти фоны, как правило, нестатичны. Они двигаются с главной сценой. Расстояние (психо-визуальное — во, какой термин придумал) от фона до главной сцены — какое хотите. Суть этого фона — он зацикленный.
Как сделать зацикленный фон? Объясняю на пальцах(!) — не смеяться!!!

Создаём мувиклип (insert -> new symbol), рисуем в нём прямоугольник, той длины, которой, приблизительно, вы хотите сделать один фон. Теперь вытаскиваем такой символ на сцену. И… вытыскиваем рядом второй такой же.
Ставим их вплотную друг к другу. Заходи в один из них, и начинаем рисовать наш фон, предварительно, сделав альфу самого прямоугольника очень-очень маленькой, чтобы его совсем чуть-чуть было видно. Изменяя рисунок в одном из объектов, мы видим тоже самое в другом. Что нам это даёт? Мы грамотно рисуем начало и конец фонового изображения — они совпадают, что даёт нам возможность зацикливать картинку.

Как теперь это всё дело анимировать?
Обводим оба одинаковых фона. F8. Далее, танцуем с твинами. Создаём твин (пусть будет 100 кадров). Первый кадр — в первоначальном положении, последний кадр — сдвинут ровно на один объект.

99-ый кадр делаем keyframe, если так не сделаем, то в зацикленной анимации окажется, что 1 кадр и сотый кадр — совпадают, и поэтому длительность этой картинки — в два раза больше других — пропадает плавность. Поэтому, после создания кейфрейма на 99 кадре, 100ый кадр можно смело удалить.

В принципе, скоростью анимации фона, пусть занимается программист, ведь программист с вами будет работать грамотный и очень умный, поэтому, в случае чего, он подскажет где нужно исправить, а где не нужно, и сколько кадров твин — тоже скажет он.

Так, с однослойными фонами разобрались.
Теперь двухслойные. Ну, тут совсем мало информации. Они совсем не отличаются по техники воссоздания от однослойных (каково, а?), но зачем они тогда нужны?

Двуслойные фоны нужны нам для увеличения восприятия и атмосферности происходящего на экране (ууааа!!!). Их исопльзуют по трём причинам:
1) это круто
2) это круто
3) это клево выглядит.

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

The Flash plugin is required to view this object.


The Flash plugin is required to view this object.

Какое задание вам, на сегодня.
Поскольку некоторые соизволили делать Ли, то таким людям задание — нарисовать фон двуслойный, динамичный бамбуковый лес (опа!). Всем другим — по состоянию. Но тоже, двуслойность и динамичность (в зависимости от того, какой основной герой боевика у вас). Кому-то, на пример (не буду показывать пальцем, кому), придётся рисовать спортивный инвентарь на переднем фоне, а на заднем — стены зала (и кому же это, а?:)

Скоро — FGA#6!

Ещё один момент(!)

Теперь, тему письма пишите в формате
«FGA#5 получение пароля к FGA#6 (никнейм на сайте Мурлыка.ком)»
«FGA#5 вопрос. (никнейм на сайте Мурлыка.ком)»
«FGA#5 консультация (никнейм на сайте Мурлыка.ком)»
«FGA#5 продам себя в рабство аниматору (никнейм на сайте Мурлыка.ком)»
«FGA#5 работаю за еду (никнейм на сайте Мурлыка.ком)»

Заметили в конце «никнейм на сайте Мурлыка.ком»?
вот это обязательно.

Метки: , , ,

Запись опубликована 08.04.2010 в 18:05 и размещена в рубрике training. Вы можете следить за обсуждением этой записи с помощью ленты RSS 2.0. Можно оставить комментарий или сделать обратную ссылку с вашего сайта. Clip to Evernote

Комментарии (11) на “FGA#5: Как рисовать фоны?”

  1. bred:

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

  2. Нууу, да)) Псевдо-трехмерность. Самые крутые фоны, что я видел в играх — у японцев, и у Анта Карлова.
    А первую картинку я даже смог нарисовать без боли)

  3. Руслан:

    Привет Bakame!
    Письмо отправил жду ответа.

  4. Руслан, быстро ты) Буду на почте, проверю:)

  5. Руслан:

    хорошо)

  6. Руслан:

    Bakame письмо получил.
    Жду следующий ФГА!
    PS: Если вернешся к задачи из бонуса, и будет нужна помощь,
    напиши на почту,
    хорошо?

  7. Руслан, договорились:)

  8. Endiay:

    «никнейм на сайте Мурлыка.ком»?
    А как зарегистрироваться? =)

  9. Ваш ник «Endiay» :)
    Регистрации не будет. Она будет, когда на другой движок соберёмся переходить, а это будет далеко не скоро.

  10. urchin:

    Продамся в рабство за еду =) (Urchin)

  11. Urchin. Уже вижу заголовки завтрашних постов на мурлыке:)
    «Урчин продастся за еду… правда или ложь?»
    «Может дешевле его так съесть, чем откармливать?»
    «Сколько еды требует Урчин в рабстве, не дорого ли?»

Оставить комментарий

Subscribe without commenting

Традиционная помощь психолога в любое время. . Всё о кондиционерах Daikin: daikin. Выставка Мир Климата-2009. . 1001 Тур - Агентство путешествий - туры в казань. Еженедельные Туры в Казань. . Отдых на Алтае - отдых Белокуриха. Туры, отдых и путешествия. . Скидки: системы очистки воды замена сервис