Урок 8: Живой пример поведенческого паттерна Наблюдатель (Observer + Observable) на TypeScript

Описание

Продолжаем серию уроков по создании игры на Canvas в ООП стиле, где мы из старого кода превращаем в чистую архитектуру. В данном уроке мы будем придерживаться паттерна Наблюдатель на ts. И создадим сервис по работе со звуком, который тоже подпишется на данные события поведения Животного.

-- Общее описание плейлиста
Разрабатываем интерактивную пазл-игру с животными на TypeScript и/или JavaScript. Попытаемся придерживаться чистой архитектуры с ts и применять паттерны по необходимости. Так как цикл видео будет выходить постепенно, мы можем вместе с вами корректировать разные идеи. ?

--- О чем данное видео?
00:00 - Введение
00:29 - Подготовка проекта
01:42 - Создаем интерфейс Animal Event Observer
02:30 - Создаем интерфейс Animal Event Subject
04:02 - Game в качестве Наблюдателя
04:56 - Animal Manager имплементируем от Animal Event Subject
08:35 - Создаем Audio Service
09:34 - Устанавливаем пакер Howler js
12:25 - Пробрасываем новый инстанц сервиса
14:27 - Audio Service имплементируем Animal Event Observer
16:38 - Исправляем косяки

--- Проект и его обсуждение
? https://github.com/yesworld/tutorial-dnd-animals
? https://github.com/yesworld/tutorial-dnd-animals/discussions

#javascript #games #web #pattern #typescript #vite #prettier #konvajs #oop #coding #animation #draganddrop #creategame #gamedev