Figures | Фигуры 2048 Головоломка, похожая на 2048, но с фигурами вместо цифр

👁️Что это?

Легкая и увлекательная головоломка, которая отлично подходит для развития логического мышления. Вместо привычных цифр здесь используются различные геометрические фигуры - круги, квадраты, треугольники и другие.

🔗 Онлайн версии (ссылки):

• VK Mini Apps (полный функционал): vk.com/app53485219
• Ссылка на Vercel: figurez.vercel.app

📋 История версий

Версия	Дата	Основные изменения
v1.0.0	16.11.2025	Исправление дефектов, новые игровые поля (3x3, 4x4, 3x5, 4x6)
Beta 2.1	08.09.2025	Минорные изменения, замена URL Vercel
Beta 2.0	27.05.2025	Полная доработка игры, внедрение БД, улучшенный визуал
Beta 1.0	26.05.2025	Внедрение Supabase API, кастомизация оформления
Alpha	XX.04.2025 - 26.05.2025	Создание меню, базовый функционал, первые версии

✨ Особенности

• Развивающий геймплей - тренирует логическое мышление и память
• Различные размеры поля - от N до N для разного уровня сложности
• Приятный визуал - современный CSS дизайн и анимации
• Встроенный аудиоплеер - Кнопка плеера справа снизу, играет C418 (Minecraft Volume Alpha) - 08 Minecraft
• Система рейтинга - отслеживайте свои достижения
• Кастомизация - настройте цвета под свой вкус

Как играть❓

1. Выберать размер поля в главном меню
2. Объединять одинаковые фигуры проводя пальцем/мышью (для DESKTOP: WASD/ЦФЫВ )
3. Создавать новые фигуры при объединении
4. Набрать максимальный счет без заполнения поля

📁 Структура проекта

figures ╕︎
        ├─ public ┐︎ 
        │︎         ├─ music ┐︎
        │︎         │︎        ├─ game.mp3               # Фоновая музыка
        │︎         │︎        └─ game.ogg               # Фоновая музыка
        │︎         │︎
        │︎         ├─ favicon.ico                     # Иконка сайта
        │︎         ├─ index.html                      # Главная HTML страница
        │︎         ├─ logo.svg                        # Логотип SVG
        │︎         ├─ logo192.png                     # Логотип 192px
        │︎         ├─ logo512.png                     # Логотип 512px
        │︎         ├─ manifest.json                   # PWA манифест
        │︎         └─ robots.txt                      # Правила для поисковиков
        │︎
        ├─ src ┐︎
        │︎      ├─ components ┐︎
        │︎      │︎             ├─ AudioController.js   # Управление звуком
        │︎      │︎             ├─ ColorPicker.js       # Выбор цветов
        │︎      │︎             ├─ GameCanvas.js        # Игровой холст
        │︎      │︎             ├─ GameGrid.js          # Игровая сетка
        │︎      │︎             ├─ GameScreen.js        # Экран игры
        │︎      │︎             ├─ MainMenu.js          # Главное меню
        │︎      │︎             ├─ RatingScreen.js      # Рейтинг игроков
        │︎      │︎             └─ RulesScreen.js       # Правила игры
        │︎      │︎
        │︎      ├─ game ┐︎
        │︎      │︎       └─ shapes.js                  # Логика фигур
        │︎      │︎
        │︎      ├─ utils ┐︎
        │︎      │︎        ├─ storage.js                # Работа с локальным хранилищем
        │︎      │︎        └─ supabase.js               # API базы данных
        │︎      │︎
        │︎      ├─ App.css                            # Стили главного компонента
        │︎      ├─ App.js                             # Главный компонент приложения
        │︎      ├─ App.test.js                        # Тесты компонента
        │︎      ├─ index.css                          # Глобальные стили
        │︎      ├─ index.js                           # Точка входа приложения
        │︎      ├─ MainMenu.css                       # Стили главного меню
        │︎      ├─ RatingScreen.css                   # Стили экрана рейтинга
        │︎      ├─ reportWebVitals.js                 # Метрики производительности
        │︎      ├─ RulesScreen.css                    # Стили экрана правил
        │︎      ├─ setupProxy.js                      # Настройка прокси
        │︎      ├─ setupTests.js                      # Настройка тестов
        │︎      └─ vkConfig.js                        # Конфигурация VK API
        │︎
        ├─ .gitignore                                # Игнорируемые файлы Git
        ├─ package-lock.json                         # Фиксация версий пакетов
        ├─ package.json                              # Конфигурация проекта и зависимости
        ├─ README.md                                 # Документация
        └─ vercel.json                               # Конфигурация деплоя на Vercel

Техническая информация
Платформы:	Web, VK Mini Apps
База данных:	Supabase
Хостинг:	Vercel
Технологии:	HTML5, CSS3, JavaScript

Разработчик
GitHub:	somenmi (Yalkee/9lkee)
Проект:	figures