Создаем игру Elven Scout на ES6. #1 — Настройка webpack и babel.

В этой серии уроков узнаете как создать простенькую демку игры Elven Scout из моего челлендж. Этот урок посвящен настройке webpack. Сразу предупреждаю, что это просто демка и создаем ее только в образовательных целях. Это лучший способ развиваться в программировании на таких мини-проектах. Реальную игру целесообразнее делать на игровых движках. В дальнейшем рассмотрим бесплатный игровой движек «Godot». Код, созданный в прошлый раз, это прототип. Целью было посмотреть механику, как будут смотреться тайлы 64 на 64 и так далее. Этот код мы выкидываем, а полученные знания используем. Исходники: https://github.com/webgirlkristina/elven-scout Вэбпак: https://webpack.js.org/ ♡ Где меня найти?! Сотрудничество/collaboration: webgirlkristina@gmail.com Game Elven Scout на ES6: 1. Настройка webpack и babel.: https://www.youtube.com/watch?v=vO240aVy1Y4 2. Игровой цикл, основная структура.: https://www.youtube.com/watch?v=iMsUahd188Y 3. Создание графики.: https://www.youtube.com/watch?v=r6F7WafrvTE 4. Загрузка графики, управление сценами.: https://www.youtube.com/watch?v=tL2nu5OW3E0 5. Управление клавиатурой.: https://www.youtube.com/watch?v=cG_PUm-_Gbc 6. Спрайты и анимация.: https://www.youtube.com/watch?v=--roJ3ZQpBk 7. Тайловая карта.: https://www.youtube.com/watch?v=PmZ38JHEAys 8. Анимация персонажа.: https://www.youtube.com/watch?v=Vr_37BUDVGg 9. Игровой персонаж.: https://www.youtube.com/watch?v=uA5WVkAWPNk 10. Камера. : https://www.youtube.com/watch?v=WPLJj0Ptuyg 11. Коллизия: https://www.youtube.com/watch?v=OVVIiHWXilU 12. Враг: https://www.youtube.com/watch?v=y1Lt7d-OG_U 13. Оружие: https://www.youtube.com/watch?v=zqDXMlOAvxM 14. Стрелы: https://www.youtube.com/watch?v=GSPsy_4-Gtw Создание 2D игры на чистом JavaScript ES5 на HTML5 Canvas (Таймлапс): https://www.youtube.com/watch?v=a9NqjKgp4CY Базовые возможности ES6 для начинающих.: https://www.youtube.com/watch?v=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 #gamedev #es6 #webpack #babel #js #javascript