Simple HTML5 (Typescript + PixiJS) Elven Scout Game
DEMO
Originally created by Kristina as Elven Scout in following YouTube video Создание 2D игры на чистом JavaScript ES5 на HTML5 Canvas (Таймлапс).
src-tiled
folder refers to Tiled Map Editor
src-texture
folder refers to Free Texture Packer
Refactored to use PixiJS game engine and TypeScript with touch/mouse support
Install node modules (Recommended NodeJS version v16)
npm i
Run webpack dev server
npm run serve
http://localhost:8877
Open browser atFull YouTube playlist:
Создаем игру Elven Scout на ES6. #1 — Настройка webpack и babel.
Создаем игру Elven Scout на ES6. #2 — Игровой цикл, основная структура.
Создаем игру Elven Scout на ES6. #3 — Создание графики.
Создаем игру Elven Scout на ES6. #4 — Загрузка графики, управление сценами.
Создаем игру Elven Scout на ES6. #5 — Управление клавиатурой.
Создаем игру Elven Scout на ES6. #6 — Спрайты и анимация.
Создаем игру Elven Scout на ES6. #7 — Тайловая карта.
Создаем игру Elven Scout на ES6. #8 — Анимация персонажа.
Создаем игру Elven Scout на ES6. #9 — Игровой персонаж.
Создаем игру Elven Scout на ES6. #10 — Камера.
Создаем игру Elven Scout на ES6. #11 — Коллизия.
Создаем игру Elven Scout на ES6. #12 — Враг.