Крок 1
Додамо спрайт: Обрати спрайт ➭ Малювати:
Назвемо наш спрайт «вибух»:
Крок 2
На вкладці Образи обираємо редактор векторної графіки:
Крок 3
Виконаємо налаштування інструментів:
Крок 4
Обираємо інструмент «Коло»:
Для зручності побудови можна масштабувати холст, використавши кнопки:
Утримуючи клавішу Shift побудуйте коло.
Всього має бути 5 кіл різного діаметру:
Згрупуємо кола в один суцільний малюнок. Для цього в режимі «Обрати» виділяємо всі п’ять кіл і натискаємо «Групувати»
За потреби змінимо розмір спрайта вибух відносно спрайта приціл (видно на сцені), як показано на малюнку. Для цього достатньо потягнути один з кутів виділення спрайта вибух у режимі «Обрати»:
Суміщаємо центр образа з центром спрайта.
Маємо образ1, розмір якого, у моєму випадку, 31 x 30:
Крок 5
Створимо копію образ1. Натиснемо на ньому правою кнопкою миші і оберемо «дублювати»:
Маємо образ2:
Збільшимо розмір образ2 знайомим способом:
Не забутьте сумістити центр спрайта з міткою образа!
Маємо образ2, розмір якого, у моєму випадку, 44 x 42:
Аналогічним чином повторимо кроки, щоб створити образ3, образ4, … образ7, збільшуючи попередній образ.
Не забутьте кожного разу суміщати центр спрайта з міткою образа!
Зробіть приблизно так само, як у мене:
На сцені образ7 відносно спрайта приціл має таке співвідношення:
Створимо образ8, який є копією образ7.
Обираємо інструмент «Гумка». Вказуємо розмір гумки: 40:
Витираємо гумкою зсередини образ8:
Створимо образ9, який є копією образ8.
Так само витремо гумкою внутрішню область, як показано на малюнку:
Аналогічним чином повторимо кроки, щоб створити образ10, образ11, … образ16, змінюючи попередній образ.
Зробіть приблизно так само, як у мене:
Крок 6
Переходимо на вкладку Код та запрограмуємо роботу спрайта вибух.
На початку гри спрайт вибух має бути схований:
А показувати спрайт вибух ми будемо в районі вказівника миші, коли почуємо сповіщення «постріл!!!», створене на минулому уроці.
Виконаємо анімацію, намальованого нами вибуху. Для цього нам потрібен цикл з повторенням повторити __ разів.
Ми будемо повторювати команду наступний образ стільки разів, скільки ми створили анімаційних образів (образ1, … образ16).
Проте, цикл треба запустити 15 разів по тій причині, що на початку анімації спрайт вибух має образ1 (як ми і встановили), ну а далі перебираємо по черзі 15 образів, що залишилися. Після анімації ховаємо спрайт вибух.
Ця частина коду має наступний вигляд:
З’єднуємо блоки:
Отже, скрипти спрайта вибух такі:
Крок 7
Тестуємо проєкт.
Переглянути матеріал і sb3-файл данного уроку можна в прикріпленому архіві.