Уроки RPG Maker 2003/Статичні сцени

У цьому уроці буде показано, як:

додати власну графіку в гру,
зробити в грі статичну сцену з малюнком і текстом над ним.

В цьому уроці буде описано використання програми Irfan View. Це безкоштовна програма для Windows. Можливо, вам буде зручно використовувати іншу програму.

Формат файлів[ ]

RPG Maker 2003 може працювати на пристроях з малою кількістю пам'яті. Для того, щоб оптимізувати роботу, RPG Maker 2003 використовує певний формат графічних файлів. У цьому уроці ми покажемо, як перевести свою графіку в цей формат і додати її в гру.

RPG Maker 2003 використовує 8-бітний формат файлів з палітрою. Це значить, що в кожному малюнку є палітра з 256 кольорів, і весь малюнок використовує виключно цю палітру. Іноді кажуть, що в таких малюнках «індексовані кольори», бо кожен колір має свій індекс (номер) в палітрі.

Зверніть увагу, що RPG Maker 2003 оптимізовано саме для одного конкретного формату: 8-бітних файлів. Деякі редактори створюють індексовані 4-бітні файли (з 16 кольорами) чи інші формати. RPG Maker 2003 вміє працювати виключно з 8-бітними файлами.

Такий формат ідеально підходить для піксельної графіки, бо в ній традиційно використовується мало кольорів. Він менш зручний для фотографій, в яких бувають сотні відтінків різних кольорів.

У цьому уроці ми розкажемо, як перевести свій малюнок в формат RPG Maker 2003.

Конвертація малюнку[ ]

Встановлення Irfan View[ ]

Зайдіть на офіційний сайт Irfan View, irfanview.com. На головній сторінці натисніть на червону кнопку Download. Є дві кнопки, для 32-бітних та 64-бітних систем. Якщо ви не знаєте, яка ваша операційна система, натискайте на кнопку в розділі «32-bit», вона працює і на 64-бітних комп'ютерах:

Відкриється сторінка завантаження IrfanView через сайт Cnet:

Натисніть на велику кнопку Download Now, щоб почати завантаження. Після цього вас перенаправить на наступну сторінку, і почнеться завантаження файлу встановлення програми. Запустіть цей файл, коли він буде завантажений.

Нові версії Windows запитають, чи згідні ви дозволити файлу робити зміни в налаштуваннях вашого комп'ютера. Погоджуйтесь — без цього Windows не дозволить встановити програму.

Відкриється вікно встановлення IrfanView:

В цьому вікні доступні три галочки:

Створити ярлик IrfanView на робочому столі (анг. Create IrfanView shortcut on the Desktop) — це програма, яка дозволяє дивитися і міняти окремі зображення (саме вона нам потрібна),
Створити ярлик IrfanView Thumbnalis на робочому столі (анг. Create IrfanView Thumbnalis shortcut on the Desktop) — це програма, яка дозволяє дивитися на всі зображення в директорії в вигляді мініатюр,
Створити ярлик IrfanView в розділі Програми меню Пуск (анг. Create IrfanView shortcut on the Desktop) — встановлює як ярлик IrfanView, так і IrfanView Thumbnails (цей пункт краще залишити включеним).

Якщо ви не хочете створювати ярлики, можна відключити всі ці пункти кнопкою Відключити всі (анг. Uncheck All).

Далі є вибір типу встановлення програми:

Тільки для поточного облікового запису (анг. For current user only),
Для всіх облікових записів (анг. For all users).

Якщо комп'ютером користується декілька людей, то друга опція зробить IrfanView доступним для всіх.

Після цього йде назва директорії, в яку буде встановлено IrfanView. Обирайте будь-яку директорію, але запам'ятайте її чи запишіть (нам потрібно буде ввести її, коли ми встановлюватимемо українізацію програми).

Коли ви оберете налаштування і запишете директорію, натисніть на кнопку Далі > (анг. Next >), щоб продовжити встановлення.

З'явиться список останніх змін в новій версії. Натисніть на кнопку Далі > (анг. Next >) ще раз.

З'явиться список асоціацій для типів файлів:

Якщо вибрати тут якийсь тип файлів, то файли такого типу почнуть відкриватися через IrfanView. Якщо ви встановлюєте IrfanView тільки для конвертації файлів, вам це не потрібно. Натисніть на кнопку Ніякі (анг. None), третю під списком, щоб видалити всі асоціації.

Натисніть на кнопку Далі > (анг. Next >) ще раз.

На наступному кроці треба вибрати місце, де зберігається файл налаштувань IrfanView:

Оберіть другий пункт, Директорія даних застосунків облікового запису (рекомендується для Vista, Win 7, Win 8, Win 10) (анг. User's Application Data folder (recommended for Vista, Win 7, Win 8, Win 10)). Натисніть на кнопку Далі > (анг. Next >) ще раз.

Почнеться встановлення. Коли воно закінчиться, з'явиться таке вікно:

Заберіть галочки з пунктів Відкрити ЧаПи на сайті IrfanView (анг. Open IrfanView FAQs homepage) та Запустити IrfanView (анг. Start IrfanView), і натисніть на кнопку Готово (анг. Done), щоб закрити програму встановлення.

IrfanView тепер доступний на вашому комп'ютері, але треба його українізувати. Нижче буде пояснено, як це робиться.

Українізація IrfanView[ ]

В IrfanView вже є український переклад, але його треба встановлювати окремо. Зайдіть на офіційний сайт irfanview.com і перейдіть по посиланню «Languages» зверху в меню:

На сторінці з мовами переклади розділені на по версіях, новіші версії показані вище. Пошукайте текст «Ukrainian».

Знайдіть якомога новіший переклад (якщо він не для останньої версії, все одно варто спробувати — є імовірність, що він буде працювати).

Біля тексту Ukrainan буде два посилання: Installer чи ZIP (можливо, також буде «Help file», якщо файл допомоги перекладуть). Натисніть на посилання Installer:

Завантажиться програма встановлення. Запустіть її. Якщо Windows запитає, чи можна їй міняти системні налаштування, погодьтеся. Відкриється таке вікно:

У полі Директорія, куди встановлювати (анг. Target Directory) оберіть ту ж директорію, куди ви встановили IrfanView. Можете вставити її як текст (якщо ви її скопіювали) або вибрати зі списку директорії кнопкою Огляд (анг. Browse).

Після цього натисніть на кнопку Встановити (анг. Install). Встановлення має бути дуже швидким — майже зразу має з'явитися повідомлення про успішний результат:

Програма встановлення закінчиться.

Тепер українська мова доступна в списку мов, але ще не встановлена.

Відкрийте IfranView (через меню Пуск чи ярлик на робочому столі, якщо ви їх встановили; або з директорії, в яку ви встановили програму).

Оберіть пункт меню Options → Change Language:

Відкриється вікно вибору мови:

Якщо ви правильно встановили файли для української мови, в списку має бути пункт UKRAINIAN.DLL, Ukrainian (Українська). Виберіть його і натисніть на кнопку OK зліва.

Вікно закриється, а меню в редакторі повинно стати українським:

Конвертація зображення[ ]

Давайте візьмемо просте зображення, яке ми покажемо. Щоб зображення було на повний екран в RPG Maker 2003, воно має бути розміром в 320*240 пікселів. Формат має бути 8-бітним PNG-файлом (або BMP-файлом).

Знайдіть якесь зображення. Вибирайте зображення без великої кількости переходів різних кольорів. Наприклад, в RPG Maker 2003 добре виглядають чорно-білі чи однотонні фотографії (бо в них тільки відтінки тільки 2 кольорів), або стилізовані малюнки з різкими тінями.

Для цього уроку я пропоную взяти ось таке зображення:

Це фотографія, яку Володимир Агафонкін зробив на горі Чатирдаг, але автор дозволив використовувати її навіть без вказання авторства — і вона може служити іллюстрацією і якогось проклятого ліса з гри. Я знайшов її на сайті Unsplash, де всі фотографії можна вільно використовувати.

Завантажте цю фотографію собі на диск. Відкрийте її в IrfanView пунктом меню Файл → Відкрити... (анг. File → Open...) або клавішею O. Після цього вона відкриється в IrfanView.

Спочатку її треба зменшити, бо вона занадто велика для RPG Maker 2003. В RPG Maker 2003 розмір екрану — 320*240 точок, а це зображення завелике.

Щоб змінити розмір, виберіть пункт меню Зображення → Зменшити розмір / Передискретизувати, або натисніть Ctrl+R:

Відкриється вікно Зменшення розміру/передискретизувати зображення:

У цьому вікні в пункті Встановити новий розмір треба ввести або висоту, або ширину. Якщо ввести ширину 320, то встановиться висота 213 — тобто цей малюнок буде занадто маленьким.

Тому введіть висоту 240 (ширина стане рівною 360). Не хвилюйтеся, що малюнок буде занадто широким — RPG Maker 2003 покаже центр малюнку, а краї обріже. Натисніть OK, щоб прийняти зміну розміру.

Тепер малюнок розміру 360*240 — це цілком добрий розмір для RPG Maker 2003. Тепер треба змінити формат зображення.

Оберіть пункт меню Зображення → Зменшити глибину кольору:

Відкриється вікно Зменшення глибини кольору:

У цьому вікні оберіть пункт 256 кольорів (8 BPP)‎ — саме цей формат потрібен для RPG Maker 2003. Натисніть OK.

Виберіть пункт меню Файл → Зберегти як..., або натисніть на кнопку S.

Перейдіть в якусь директорію, в яку ви запишете файл (але не в директорію вашої гри). Уведіть назву файла без кирилиці та діакритики (наприклад, dereva.png) і в пункті Зберегти з типом (анг. Save as type) оберіть PNG - Portable Network Graphics. Натисніть OK, щоб записати файл.

Тепер у вас є 8-бітне зображення, і його можна імпортувати в RPG Maker 2003.

Імпорт зображення в гру[ ]

Для додавання зображень в гру в RPG Maker 2003 є спеціальний менеджер ресурсів. Можна додавати графіку і без нього (просто копіюючи в одну з директорій в директорії гри), але менеджер ресурсів дозволяє перевірити формат та вказати прозорий колір.

Відкрийте менеджер ресурсів одним з наступних способів кнопкою на панелі інструментів або пунктом меню Інструменти → Менеджер ресурсів... (анг. Tools → Resource Manager...).

В лівому списку оберіть директорію Picture — в ній зберігаються зображення, які можна показати в довільному місці екрану. Правий список має стати пустим, бо в стандартному проєкті ця директорія пуста.

Натисніть на кнопку Імпорт... (анг. Import...) справа:

Відкриється вікно вибору картинки. Знайдіть картинку з деревами та натисніть Відкрити (анг. Open):

Після цього з'явиться вікно Вибір прозорого коліру (анг. Select Colour to be Transparent). Деякі крапки на малюнку будуть міняти колір — ці крапки можна зробити прозорими:

Щоб зробити прозорим інший колір, можна натиснути на іншу частину малюнка (і тоді вона почне міняти колір). Щоб точніше вибрати колір, можна міняти масштаб кнопками Збільшити (анг. Zoom In) та Зменшити (анг. Zoom Out).

Однак нам не потрібна прозорість — ми будемо показувати малюнок без прозорості. Тому не має значення, якій колір буде прозорим — це ні на що не впливає.

Просто натисніть OK, щоб картинка додалася в директорію Pictures.

Потім натисніть на кнопку Закрити (анг. Close) або на хрестик зверху збоку, щоб закрити вікно менеджера ресурсів.

Зображення додано в гру! Тепер його можна використовувати. Нижче буде пояснено, як.

Як розказати історію на фоні зображення[ ]

Для цього прикладу давайте зробимо так, щоб як_ась персонаж_ка розказува_ла грав_чині історію, і тоді на екрані показувалася ця ілюстрація.

Створіть нову подію на якійсь з ваших карт. Дайте їй якусь графіку і, можливо, якийсь текст:

Після цього додайте нову команду події — Показати малюнок (анг. Show Picture), яка знаходиться на сторінці 2 в правому стовпчику:

Відкриється вікно налаштування команди Показати малюнок (анг. Show Picture). У ньому досить багато різних налаштувань:

По-перше, важливим є пункт Номер (анг. Number) зліва зверху. На екрані може бути тільки один малюнок з певним номером. Якщо ви хочете показати два малюнка, то в них мусять бути різні номери.

Якщо нічого не міняти, номером буде 1. Залиште його 1, і запам'ятайте (нам потрібно буде вказати номер, коли ми видалятимемо малюнок).

Нижче знаходиться другий важливий пункт — Позиція відображення. Він визначає, де буде знаходитися центр зображення:

Позиція задається в пікселях.
Позиція по горизонталі задається координатою X: 0 — центр зображення буде на лівому краю екрана, 320 — центр буде на правому краю екрана, 160 — в центрі екрана по горизонталі.
Позиція по вертикалі вказується координатою Y: 0 — верхній край екрана, 240 — нижній край екрана, 120 — центр екрана по вертикалі.

Якщо нічого не міняти, центр зображення буде в центрі екрана. В нашому випадку це нам підійде. Більше інформації дивіться в статті Команди RPG Maker 2000 та 2003/Показ малюнка.

В розділі Графіка малюнка (анг. Picture Graphics) вказується, який саме малюнок буде показуватися. Натисніть на кнопку з трьома крапками (...) в цьому розділі, щоб відкрився вибір малюнку. Виберіть імпортований малюнок.

В розділі Використовувати прозорий колір (анг. Use Transparent Color) виберіть Ні (анг. No), щоб малюнок повністю закривав екран, і ніякий колір не був прозорим.

В результаті вікно налаштувань команди Показати малюнок має виглядати приблизно так:

Натисніть OK, щоб додати команду показу малюнку.

Тепер малюнок буде показуватися на екрані, і можна показати поверх нього текст.

Звичайно текст показується в рамочці — це гарантує, що його буде видно на будь-якому фоні. Але коли ви показуєте його на фоні картинки, рамочка звичайно зайва. Її можна забрати.

Додайте нову команду — Налаштування показу тексту (анг. Display Text Settings) з першої сторінки:

Відкриється вікно налаштувань:

У першому виборі, Прозорість оформлення вікна (анг. Windowskin Opacity) оберіть другий пункт Прозоре (анг. Transparent).

В розділі Позиція вікна (анг. Window Position) залиште пункт Низ (анг. Bottom).

Заберіть галочку Міняти положення вікна, коли воно закриває грав_чиню (анг. Prevent the window from obscuring the player). У нас грав_чиня буде в будь-якому випадку закрит_а картинкою, тобто треба вибирати позицію тексту залежно від картинки, а не від позиції грав_чині на карті.

Натисніть ОК, щоб додати нову команду подій.

Якщо перед показом картинки ви використовували текст з графікою обличчя (як на моєму прикладі), заберіть його. Додайте команду Змінити графіку обличчя... (анг. Change Faceset...) і в її налаштуваннях оберіть пункт Видалити (анг. Remove), щоб видалити обличчя. (Ця команда описувалася в уроці про неігрових персонаж_ок).

Після цього додайте команду Показати текст... (анг. Show Text...) і оберіть текст, який буде показуватися над малюнком. Я пропоную використовувати тільки да останні рядки, команди показу тексту, щоб текст показувався знизу:

Додайте декілька таких команд з текстом, щоб розказати всю історію.

Потім додайте ще одну команду Прозорість оформлення вікна (анг. Windowskin Opacity), і поверніть налаштування на стандартні:

У розділі Прозорість оформлення вікна (анг. Windowskin Opacity) оберіть перший пункт Нормальне (анг. Normal).
Поставте галочку в пункті Міняти положення вікна, коли воно закриває грав_чині (анг. Prevent the window from obscuring the player).

Натисніть OK, щоб зберегти цю команду. Тепер після показу тексту налаштування текстового вікна будуть повертатися на звичайні.

Остання річ — треба забрати малюнок. Додайте в кінці нову команду подій, Стерти малюнок... (анг. Erase Picture...) з третьої сторінки:

Відкриється вікно налаштувань цієї команди:

Залиште пункт Один (анг. Single), щоб стирався тільки один малюнок, і залиште номер 1 — сами з цим номером ми показували наш малюнок. Натисніть ОК, щоб додати нову команду.

Після цього список команд має виглядати приблизно так:

Готово! Тепер у вас є невеличка сцена зі статичною графікою.

Запустіть гру для перевірки кнопкою , пунктом меню Гра → Почати тест гри (анг. Game → Begin Playtest) або клавішею F9.

Текст має виглядати приблизно так:

Результат[ ]

У цьому уроці ви зробили просту статичну сцену, і навчилися:

встановлювати IrfanView,
переводити зображення в формат, який розуміє RPG Maker 2003, за допомогою IrfanView,
імпортувати зображення в гру через Менеджер ресурсів,
використовувати команди Показати малюнок та Стерти малюнок,
міняти налаштування показу тексту.

В багатьох іграх такі статичні сцени (їх ще часто називають CG) передають важливі сюжетні моменти.

Знань, які ви отримали за ці 10 уроків, має вистачити для невеличкої гри. У майбутньому ці уроки будуть доповнятися, але вже зараз у вас має бути достатньо знань, щоб почати робити гру. А якщо щось не зрозуміло — задавайте свої питання в розділі для питань, і ми обов'язково вам відповімо.