2. Спрайти та сцена
Виконавець алгоритму в середовищі Скретч — спрайт . Як і кожний інформаційний об’єкт, він має свої властивості, значення яких можна змінювати.
Властивості спрайта : назва, вигляд, видимість, розмір, розташування по горизонталі, розташування по вертикалі, напрямок руху.
Ти вже знаєш, що додати ще один спрайт можна за допомогою вказівки Обрати спрайт.
Спрайт можна: вибрати з бібліотеки, намалювати самостійно, завантажити з комп’ютера чи створити із фотографії.
Але подібний список можна використати й для того, щоб поміняти вигляд — образ обраного спрайта . Для цього у вікні середовища обирають вкладку Образи:
Окрім Рудого кота ще є багато виконавців ( спрайтів ): Тварини, Люди, Фантазії, Танцювальна музика, Музика, Спорт, Їжа, Мода, Літери.
Деякі спрайти мають декілька образів:
Змінювати вигляд об’єктів можна також за допомогою команд групи Вигляд.
Дії, які можна виконувати над спрайтами : редагувати, форматувати, створити, видалити, зберегти, збільшити, зменшити.
Подібно до спрайтів змінюють тло сцени : Фантазія, Музика, Спорт, На відкритому повітрі, В приміщенні, Космос, Під водою, Візерунки.
Я досліджую світ. Підручник для 3 класу закладів загальної середньої освіти (у 2-х частинах) : Частина 2 // Н. В. Морзе, О. В. Барна. — Київ : УОВЦ «Оріон», 2020. — 160 с. : іл
Створення спрайтів для ігор: секрети, поради
Спрайти – це нерухомі растрові зображення, які демонструються під одним кутом огляду. При створенні 2D гри, вибір на користь двомірних картинок обґрунтований шляхом їх простоти реалізації та універсальності. До появи об’ємних фігур їх використовували повсюдно, починаючи з перегонових симуляторів до шутерів. Стрімкий технічний прогрес відкрив широкі можливості розробникам у виборі інструментів для створення графіки, і більшість з них надали перевагу 3D візуалізації. 2d спрайти в таких іграх частіше з’являються на задньому плані у виконанні віддалених незначних фігур, масовки, листя, диму, вибухів та інших спецефектів.
Разом з тим, двовимірні ігри не втратили популярності, займають провідні місця зі звантаження в маркетах, оскільки сучасний користувач вибирає сюжет і захопливий геймплей, а не лише красиву картинку. Це не означає, що 2d спрайти персонажів вимагають менших зусиль при промальовуванні та їх розробці можна не приділяти багато часу. Всупереч, що методи підходу до створення, промальовування та анімації змінилися, основні технології залишилися незмінними. Будь-яка неточність, некоректні пропорції та навіть неправильно підібрані відтінки можуть стати причиною провалу всього проекту.
У чому перевага створення спрайтів для ігор
Часто спрайти для 2д ігор використовуються в web-дизайні та зшиваються в один атлас для завантаження по заданій команді програміста (CSS-спрайти), при цьому важливу роль відіграють такі переваги:
Як малювати спрайти
Перед тим, як намалювати персонажа для гри, слід розібратися у формах та кольорах, пропорціях та перспективах, контурах та начерках. Розібравши повністю кожен пункт окремо, можна навчитися створювати спрайти для ігор 2d з реалістичною деталізацією, тінями та глибиною. Чи не це важливо у розробці якісної візуальної частини програми?
Важливо розуміти, що створення спрайтів для ігор – це не лише творчий, а й багато в чому технологічний процес. Кожен спрайт гри складається з окремих елементів, які після повного доопрацювання поєднуються в єдине ціле. У такому разі, вам вдасться зробити саме так, як було задумано і це буде красиво.
Створення спрайтів: головні секрети
Залежно від сюжету і жанру гри, з’являється необхідність передати характер персонажа: добрий чи злий, навколишнє оточення: позитивну чи гнітючу, другорядних героїв тощо. Все це вимагає застосування різних прийомів – від контурів до палітри кольорів, що дозволяють донести користувачеві саме той спектр вражень, який задуманий розробником. Що потрібно знати про створення спрайтів для ігор? Відкриємо кілька секретів.
Спрайт гравця за формою та контурами
Вміле використання форм дозволить передати характер не лише ігрового середовища, а й конкретних героїв. Можна почати з простого – спробувати намалювати персонажа із квадратів, трикутників та овалів. Відразу стає ясно, хто вийшов лиходієм, а хто добряком. У цьому полягає секрет форми. Прості замальовки дозволяють на перших етапах задати потрібний напрямок об’єкту, не витрачаючи час на переробку.
Те саме стосується довкілля. Хвилясті заокруглені пагорби або незграбні загострені елементи? У першому випадку передається доброзичлива атмосфера, у другому напружена ситуація, пов’язана з небезпекою. Людина на рівні базового сприйняття розуміє, що незграбне зображення Годзілли з шипами несе негатив, у той час, як відомий усім Маріо викликає позитивні емоції.
Силует об’єкта тісно пов’язані з формою. Щоб перевірити точність переданого характеру героя, достатньо прибрати всі деталі, залишивши силует. Якщо виникають правильні асоціації, значить форми використані правильно.
Деякі інструменти для малювання мають вбудовану функцію аліасингу, який змішує певну кількість пікселів різних відтінків для плавного переходу. Разом з цим обриси відмальованого персонажа втрачають чіткість, що негативно позначається на його відображенні у грі. Щоб цього не сталося, митці використовують різні прийоми:
Будь-яке з цих рішень дозволить отримати чіткий спрайт гравця, що виділяється, не зіпсувавши візуальне сприйняття.
Анатомічні пропорції
Існує маса різноманітних персонажів – вигаданих і реалістичних, які не потребують дотримання анатомічних точностей. Найскладнішим у плані промальовування вважається людина. Для цього існує правило 8 голів, яке визначає довжину, відстань між частинами тіла та співвідношення їх один з одним.
Крім того, створення спрайтів для ігор потребує базових знань того, як сформовано людину. Почати малювання краще зі кістяка, поступово доповнюючи м’язами, доводячи до остаточної форми. Так вдасться відмалювати чітку пропорційність тіла та задати природну позу. Такий підхід допоможе використати малювання для створення додаткових спрайтів при анімації.
До речі, багато художників навмисно змінюють пропорції, щоб наголосити на характері героя. Наприклад, персонажі з великою головою найчастіше добрі, милі, схожі на дітей. Об’єкти з невеликою головою схожі на дорослих, чому виглядають більшими і масивнішими.
Кольорова палітра та тіні
Перш ніж малювати спрайти для ігор, слід розібратися з палітрою кольорів. Вона, так само як і інші складові, визначає характер, настрій довкілля та персонажа. Існують такі поняття про колір, як його насиченість та яскравість. Їх використовують у тому, щоб виділити значний об’єкт чи приховати незначний. Наприклад, виділивши певні спрайти для 2d ігор за расами або кланами, можна акцентувати гравця на потрібних об’єктах, згрупувавши їх за визначенням.
Попри те, що створення спрайтів для ігор має на увазі плоску картинку, їй потрібна глибина та реалістичність. Для цього важливо правильно використовувати світло та тіні, які повинні розташовуватися під одним кутом щодо картинки. Джерело світла може бути різним, залежно від поточної ситуації в грі – поточна лава, сонце, лампа, при цьому необхідно розрахувати кут падіння світла та появи тіні. Важливо враховувати вигнуті поверхні з градієнтом, щоб спрайти для ігор були ще натуральнішими.
Чорно-білі та кольорові спрайти для гри
Зазвичай створення спрайтів для ігор починається з чорно-білих нарисів, а потім до них додаються затемнення, освітлення та палітра кольорів. У художника в цьому випадку є два варіанти виконання завдання:
Другий випадок зручніший і практичніший, оскільки накладення кольору коригується простіше і швидше. Для цього кольоровий шар створюється окремо, а потім накладається на готове чорно-біле зображення. Якщо з’явиться необхідність зміни кольору, достатньо попрацювати лише над ним, а не всією картинкою.
Анімація спрайтів
На думку відомих метрів геймдев індустрії, таких як Пол Робертсон, який знає всі аспекти того, як малювати спрайти та пожвавлювати їх, багато розробників недостатньо опрацьовують анімацію.
Для цього бувають різні причини: від банального небажання та поспіху, до нестачі досвіду, бюджету. Поради аніматора полягають у кількох пунктах:
Ротоскопування
Саме поняття ротоскопування означає замальовку реальних об’єктів. Як це зробити? Достатньо знайти відповідне фото, відео або натуральну картинку на вулиці, яку можна змалювати за допомогою ротоскопії. Також художник може самостійно створити колаж із кількох частин готових фото чи зняти власне відео. Це буде реалістичне створення спрайтів для ігор, з дотриманням пропорцій, світла і тіні та інших вимог.
Створення спрайтів є трудомістким та тривалим процесом, від якого залежить подальший успіх усієї розробки. Тому важливо розуміти, що спрайти – це не просто замальовки, а основні елементи, що задають необхідний характер, жанр, атмосферу гри.
Що таке спрайт?
Спрайти – основні елементи в Scratch. Кожна Scratch-програма складається зі спрайтів і скриптів для керування ними. Спрайти можна навчити реагувати на інші спрайти і на дії користувача програми.
Наприклад ось що можуть спрайти:
- Переміщатися по сцені
- Змінювати свій вигляд
- Видавати звуки і грати музику
- Виконувати команди користувача
- Реагувати на зіткнення з об’єктами.
В проекті може бути багато спрайтів, і у кожного можуть бути свої скрипти. Важливо не переплутати, до якого спрайту які скрипти додавати, і пам’ятати як переключатися між спрайтами (в Списку спрайтів клацнути мишкою по потрібному спрайту)
Останнім часом Рудий кіт був дуже сумлінним виконавцем і гарним учнем, але дуже стомився, виконуючи всі наші завдання. Настав час покликати йому на допомогу інших мешканців країни Скретч. Додати новго героя до проекту можна трьома способами:
намалювати власний об’єкт
Вибрати новий об’єкт із папки
Додати випадкову картинку з папки, в якій зберігаються стандартні спрайти Скретч.
Ознайомимось із малюванням об’єкта більш детально
Після натиску на кнопку
відкривається вбудований графічний редактор Скретч.
Графічний редактор – це комп’ютерна програма, яка дозволяє створювати та редагувати малюнки.
Познайомимося із інструментами графічного редактора Скретч.
Пензель
Перед використанням вибирають розмір пензля та колір. Для вибору кольору використовують палітри:
Кнопки керування кольором:
Перемикає режим палітри (основні кольори/спектр);
Показує активний колір і додатковий. Їх можна міняти місцями натисканням однієї з клавішей миші у цій ділянці вікна.
Вибір розміру пензля.
Стирачка
Перед використанням вибирають розмір.
Прозорі ділянки мають забарвлення, що нагадує шахівницю:
Заливачка (залити область кольором чи градієнтом)
Перед використанням вибирають стиль заповнення – суцільна заливка, вертикальний, горизонтальний або радіальний (кільцями) градієнт, що утворюється з основного й додаткового кольорів:
Прямокутник
Перед використанням вибирають стиль прямокутника – із заповненням або без нього:
Еліпс
Перед використанням вибирають стиль еліпса – із заповненням або без нього:
Лінія
Перед використанням вибирають товщину лінії та її колір.
Текст
Перед використанням вибирають шрифт і розмір літер:
Виділення
Виділений об’єкт можна переміщувати, а також збільшувати, зменшувати, обертати, відображувати. Якщо при обертанні фрагмента малюнка утримувати клавішу Shift, то можна задати будь-який кут повороту.
Кнопки керування виділеним об’єктом:
Повертання на 15 градусів проти годинникової стрілки
Повертання на 15 градусів за годинниковою стрілкою
Дзеркальне відображення відносно вертикальної осі
Дзеркальне відображення відносно горизонтальної осі
Штамп
Копіює вибраний фрагмент малюнка, який треба виділити після вибору інструмента.
Піпетка
Установлює активний колір, який можна вибрати (указати на нього цим інструментом) з палітри або з малюнка.
Масштаб
Дозволяє збільшити зображення в 2, 4, 8 та 16 разів.
Очищує область малювання, видаляє малюнок.
Скасовує останню дію.
Повертає результат скасованої дії.
Додає зображення з папки
Вказує центр малюнка
Приклад нового мешканця Скретч, створеного за допомогою графічного редактора.
Після натискання кнопки Гаразд новий спрайт з’являється у списку.
Для того, щоб надати Рудому коту можливість відпочити, його слід вилучити з проекту. Спрайти вилучають за допомогою контекстного меню, в якому вибирають команду Вилучити.
Засобами вбудованого графічного редактора Скретч намалюй новий спрайт.
Графічний алгоритм малювання чебурашки:
2. Дай створеному спрайту нове ім’я – “Чебурашка”.
3. Викликавши для цього спрайта контекстне меню, вибери команду Експортувати цей об’єкт, вибери папку Fantasy, запиши ім’я файла і натисни кнопку Гаразд. Таким чином, твій новий спрайт буде збережений не тільки в цьому проекті, а й для подальшого використання в будь-який проектах.
4. Додай до проекту будь-який спрайт із папки “Тварини”.
5. Вилучи з проекту Рудого кота.
6. Для кожного спрайта склади програму. Зміст програми: при натисканні на спрайт він буде підстрибувати три рази.