На этой странице МНОГО анимированных гифов... Они могут чуть подтармаживать. Чтобы посмотреть их на нормальной скорости, кликните на каком-либо гифе правой кнопкой и выберите пункт просмотра картинки в отдельном окне. 

Итак, мы ознакомились с основами создания и анимирования спрайта... но на одних только копировании и вставке вы далеко не уедете. Если ваш персонаж должен вертеться вокруг своей оси, вам придётся рисовать его в новых позах, так или иначе. Как обычно, сначала давайте взглянем на примеры из игры Street Fighter Alpha 3: 

На этой странице МНОГО анимированных гифов... Они могут чуть подтармаживать. Чтобы посмотреть их на нормальной скорости, кликните на каком-либо гифе правой кнопкой и выберите пункт просмотра картинки в отдельном окне. 

Ну вот вы и умеете рисовать спрайты. И у вас даже есть прикольно сделанный персонаж, которым все восхищаются... Но всё равно чего-то не хватает. А... ваш спрайт по-прежнему похож на неподвижную картонку. Давайте же вдохнём в него жизнь, сделав, соответственно, анимацию дыхания. Но сначала, по сложившейся традиции, взглянем на примеры от компании Capcom, чтобы знать, к чему мы стремимся: 

 

Итак, мы поработали над созданием маленьких 16х16 спрайтов: Они просты, милы и традициональны для консольных RPG-игр. "Но я хочу сделать экшн-игру: что-нибудь с большими спрайтами! Ну вы знаете, что-то вроде файтинга от Capcom (компания Capcom прославилась своими играми для игровых автоматов - прим. пер.)". Быть может, из-за настоятельного желания рисовать классные, большие спрайты, вы пропустили предыдущие секции туториала и не занимались созданием маленьких изящных спрайтиков. Если я прав, то вернитесь и прочтите пропущенное. Хоть размер спрайтов изменился, все же базовые принципы, описанные ранее, остаются в силе. Окей, предполагаем что вы читали предыдущие главы и теперь по-настоящему готовы к созданию спрайта, который будет "драться".

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

Итак, теперь, когда вы прочитали предыдущие главы, провели собственные наблюдения и сделали выводы о том, как устроены спрайты и всё такое (если же вы не делали ничего из этого списка, тогда наверстайте упущенное, ибо это облегчит вашу жизнь, когда придёт время рисовать собственные спрайты)... В общем-то, это время пришло. Мы разберём несколько стилей и для начала возьмём классический и наиболее широко распространённый в ролевых играх стиль Final Fantasy 2. Даже если вам неинтересно делать маленькие спрайты 16х16 и вы хотите научиться создавать только большие, всё равно вам будет полезно прочесть этот текст до конца... Занимаясь маленькими проектами, можно научиться многим полезным вещам, которые пригодятся и при создании крупноразмерных шедевров. Учитесь в любой ситуации. От вступительных слов перейдём к спрайтам FF2: 

 

Первое, что ... Читать дальше »

 

Спрайт главного героя... Возможно, важнейшая составляющая вашей игры. Вы можете поспорить: "Нет, программирование более важно! Без этого не получится ничего вообще!", или: "Нет, движок для скроллинга! Он делает всё плавным!", или: "Это музыка! Она более важна, чем графика! Фоновая музыка определяет настроение!"... Но никто не увидит программирования, хороший скроллинг ничего не значит, если прокручивается картинка со спрайтами, нарисованными по принципу "Палка, палка, огуречик, вот и вышел человечек", да и музыка определяет настроение лишь наполовину. Если вы делаете рекламу или что-то подобное, вроде дизайна задника коробки для вашей игры, которая настолько хороша, что портируется на все платформы подряд и всё в таком духе, то вы не сможете там применить ни музыку, ни программирование.. ... Читать дальше »

Бог мой! Что это?! Это... это... Final Fantasy 1: 

 

"Раз это руководство о том, как делать хорошую графику, то что здесь делает скриншот из NES-игры (NES - приставка, у нас известная как Dendi)? Ведь там всего 16 цветов, разве нет?" В этом-то и суть, дружочки. Видите ли, в те стародавние времена не было огромной 256-цветной палитры, с которой можно рисовать "замечательные" градиентные заливки или хранить тридцать различных оттенков одного и того же цвета. Приходилось работать с имевшимися ресурсами и делать это так, чтобы шаблоны выглядели пристойно. Из тих древних игр можно выцепить пару полезных трюков. Так что вернёмся в старые добрые деньки и всмотримся в скриншот повнимательнее: 

... Читать дальше »

Наша следующая "жертва" - это поразительная и потрясающая игра Final Fantasy 3. Она считается наиболее красивой среди оригинальных игр этой серии, и вы сами видите, почему: 

    

FF3 вызывает меньший восторг, чем Secret of Mana3, но в этом нет ничего удивительного, ведь SoM3 была сделана позже. В общем, FF3 не так уж СИЛЬНО впечатляет, однако если бы вы умели рисовать подобную графику, то тогда вам стоило бы написать об этом собственное руководство, хех. Ну ладно, мы собрались поучиться на ... Читать дальше »

Если вы любите RPG, тогда вы наверняка играли в наиболее выдающиеся игры этого жанра. В этом уроке я детально разберу некоторых из них, чтобы выяснить, почему они называются "великими". Начнём с игры Secret of Mana 3, наверное, самой красивой из виденных мною игр. 

  

Впечатляет, не правда ли?... Давайте же выясним, ПОЧЕМУ картинка производит такой эффект. Взгляните на первый скриншот. Не обращайте внимания на деревья и кучки грязи, смотрите пока только на почву. Что отличает эти шаблоны от моих примеров, нарисованных раньше (например, вокруг бревенчатого домика в уроке про градиент ... Читать дальше »

Блиц-опрос! Какая стена интереснее выглядит? 

Скорее всего, вам приглянется стена с трещинами... разве что вы полностью сосредоточились на верхней, хех. Но почему? Потому что нижняя стена ИНТЕРЕСНА! Она не так однообразна, как верхняя... Это не одни и те же кирпичи... Они слегка отличаются. Вторая стена была сделана из шаблона первой, но с добавлением трёх "вариаций". Для этого в нескольких местах появились одна-две идущие вниз трещины и - бац! Такое маленькое усилие, а какое заметное изменение. Вот четыре шаблона, которые можно произвольно перемешивать: 

Правда, многие люди говорят: "Но мой игровой движок для RPG поддерживает только X разных шаблонов! Я не ... Читать дальше »

Да, именно так. Градиент - это зло. "Что?! Безумие! Как ещё нарисовать шаблон с полутонами? Заливка градиентом - самый великолепный приём, известный человечеству!" Хорошо, давайте займёмся этим вопросом... Заливка градиентом МОЖЕТ пойти "на благо"... К несчастью, многие люди не чувствуют разницы между "на благо" и "во зло" и, дорвавшись до градиента, заливают им всё подряд. В итоге они совершают самую типичную ошибку: 

Давайте посмотрим на картинку. Действительно ли она выглядит как НАСТОЯЩАЯ гора, которая состоит из камней и грязи, случайно набросанных друг на друга в виде уступов, зазубрин и прочих неровностей? Больше похоже на плоскую бумажку, на которой кто-то пробовал свой коричневый маркер. Главный вред градиентной заливки - люди начинают использовать её для всего ... Читать дальше »