volodalexey/simple-html5-es-game

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

Open browser at http://localhost:8877

Full 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 — Враг.

Создаем игру Elven Scout на ES6. #13 — Оружие.

Создаем игру Elven Scout на ES6. #14 — Стрелы.