Назад

Скриншот:

Скриншот приложения 2048

Проект:2048

Описание:

2048 — полнофункциональная веб-игра на Vue 3 (Composition API), TypeScript и Vite 5, оформленная как installable PWA с офлайн-кэшем и prompt-обновлениями через Service Worker (Workbox). Архитектура разделена на слои: чистый движок game2048.ts (правила, merge, spawn) не зависит от UI; поверх него — composables (useBoardGameLoop, chip-модель для DOM-анимаций, input с клавиатурой и свайпами) и тонкие Vue-компоненты. Конфигурация вынесена в систему пресетов (GamePreset): размер поля, тайминги анимаций, правила спавна, темы, persistence и подмена компонентов — без переписывания игровой логики. White-label поддерживается через слоты в App.vue и provide/inject для пресета и темы плиток.

Стек технологий:

  • Vue 3
  • Pinia
  • vue-i18n
  • Web Audio API
  • Workbox