Создаем игру Elven Scout на ES6. #11 — Коллизия. HD

В этом видео мы добавим возможность для персонажа взаимодействовать с нашим миром и будем обрабатывать коллизию персонажа со статическими объектами на карте. Дополнительная информация к этому видео: 0:08 Видео «Создание 2D игры на чистом JavaScript ES5 на HTML5 Canvas» , там где кадр был фиксированным: https://youtu.be/a9NqjKgp4CY 0:37 и 2:49 Видео «Создаем игру Elven Scout на ES6. #7 — Тайловая карта.», в котором мы добавили формы коллизии для статических объектов на карте, и данные о них были записаны в Jason File карты: https://www.youtube.com/watch?v=PmZ38JHEAys 1:21 Генератор персонажей: http://gaurav.munjal.us/Universal-LPC-Spritesheet-Character-Generator/ Исходники: https://github.com/webgirlkristina/elven-scout ♡ Где меня найти?! Instagram: https://www.instagram.com/webgirlkristina Twitter: https://twitter.com/WebgirlKristina VK: https://vk.com/webgirlkristina FB: https://www.facebook.com/webgirlkristina Сотрудничество/collaboration: webgirlkristina@gmail.com Game Elven Scout на ES6: 1. Настройка webpack и babel.: https://youtu.be/vO240aVy1Y4 2. Игровой цикл, основная структура.: https://youtu.be/iMsUahd188Y 3. Создание графики.: https://youtu.be/r6F7WafrvTE 4. Загрузка графики, управление сценами.: https://youtu.be/tL2nu5OW3E0 5. Управление клавиатурой.: https://youtu.be/cG_PUm-_Gbc 6. Спрайты и анимация.: https://youtu.be/--roJ3ZQpBk 7. Тайловая карта.: https://youtu.be/PmZ38JHEAys 8. Анимация персонажа.: https://youtu.be/Vr_37BUDVGg 9. Игровой персонаж.: https://youtu.be/uA5WVkAWPNk 10. Камера. : https://youtu.be/WPLJj0Ptuyg 11. Коллизия: https://youtu.be/OVVIiHWXilU 12. Враг: https://youtu.be/y1Lt7d-OG_U 13. Оружие: https://youtu.be/zqDXMlOAvxM 14. Стрелы: https://youtu.be/GSPsy_4-Gtw Создание 2D игры на чистом JavaScript ES5 на HTML5 Canvas (Таймлапс): https://youtu.be/a9NqjKgp4CY Базовые возможности ES6 для начинающих.: https://youtu.be/Q9HIzYtgK4M Фоновая музыка/Background Music: "Let Me In" by Alex Stoner ( https://taketones.com/track/let-me-in ) Licensed under Attribution-NonCommercial 4.0 International (CC BY-NC 4.0) License https://taketones.com/license/1